[fix] don't run animation during opening the menu

dummdidumm · dummdidumm · commit bd6b5dd544c4 · 2022-12-13T14:03:53.000+01:00
Fixes sveltejs#123
diff --git a/src/routes/tutorial/[slug]/Menu.svelte b/src/routes/tutorial/[slug]/Menu.svelte
@@ -18,13 +18,19 @@
 
 	let expanded_part = '';
 	let expanded_chapter = '';
+	let duration = 0;
 
-	$: if (is_open) {
+	// The following statements ensure that the select animation is not run during opening the menu
+	$: if (is_open || !is_open) {
 		expanded_part = current.part.slug;
 		expanded_chapter = current.chapter.slug;
 	}
-
-	const duration = browser && matchMedia('(prefers-reduced-motion: reduce)').matches ? 0 : 200;
+	$: if (is_open) {
+		duration = 0;
+		setTimeout(() => {
+			duration = browser && matchMedia('(prefers-reduced-motion: reduce)').matches ? 0 : 200;
+		}, 210);
+	}
 
 	$: regex = new RegExp(`\\b${search.length >= 2 ? search : ''}`, 'i');
 
