From 2a0e5386c74d70714adc96a526954daecfb0a83b Mon Sep 17 00:00:00 2001
From: Michael Czechowski <mail@dailysh.it>
Date: Tue, 30 Dec 2025 20:48:40 +0100
Subject: [PATCH] fix: add transition effect to language switch

Apply transitioning class during language toggle to prevent
content flash when switching between English and German.
---
 src/app.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/app.js b/src/app.js
index bb88414..da2c153 100644
--- a/src/app.js
+++ b/src/app.js
@@ -118,6 +118,10 @@ function toggleExpectedResult() {
 async function toggleLanguage() {
 	const currentLang = getLanguage();
 	const newLang = currentLang === "en" ? "de" : "en";
+
+	// Add transition class before any updates
+	elements.editorSection?.classList.add("transitioning");
+
 	setLanguage(newLang);
 	applyTranslations();
 
@@ -138,6 +142,11 @@ async function toggleLanguage() {
 	}
 
 	updateProgressDisplay();
+
+	// Remove transition class after all updates
+	requestAnimationFrame(() => {
+		elements.editorSection?.classList.remove("transitioning");
+	});
 }
 
 // ================= HINT SYSTEM =================