Restart animation on viewport change

appwrite · Dec 27, 2024 · 82d64af · 82d64af
1 parent fbf10a4
commit 82d64af
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/routes/(console)/onboarding/create-project/loading.svelte b/src/routes/(console)/onboarding/create-project/loading.svelte
@@ -10,7 +10,15 @@
     let currentSentenceIndex = 0;
     let visible = true;
 
+    function handleResize() {
+        startAnimation = false;
+        setTimeout(() => {
+            startAnimation = true;
+        }, 1500);
+    }
+
     onMount(() => {
+        window.addEventListener('resize', handleResize);
         const interval = setInterval(() => {
             visible = false;
             currentSentenceIndex = (currentSentenceIndex + 1) % loadingSentences.length;
@@ -19,7 +27,10 @@
             }, 1000);
         }, 5000);
 
-        return () => clearInterval(interval);
+        return () => {
+            clearInterval(interval);
+            window.removeEventListener('resize', handleResize);
+        };
     });
 </script>