fix: sometime animation card not triggering

KawaiiZapic · Sep 5, 2024 · abed0cc · abed0cc
1 parent e291f20
commit abed0cc
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/pages/index.ts b/src/pages/index.ts
@@ -27,17 +27,19 @@ export function init() {
           parent.classList.add("matecho-article-card__animating");
           document.body.appendChild(parent);
           document.body.style.overflow = "hidden";
+          Object.assign(listMain.style, {
+            opacity: "0",
+            pointerEvents: "none"
+          });
+          document.body.classList.add("matecho-article-animation__running");
           requestAnimationFrame(() => {
-            Object.assign(listMain.style, {
-              opacity: "0",
-              pointerEvents: "none"
-            });
-            document.body.classList.add("matecho-article-animation__running");
-            Object.assign((parent as HTMLElement).style, {
-              height: "",
-              width: "",
-              left: "",
-              top: ""
+            requestAnimationFrame(() => {
+              Object.assign((parent as HTMLElement).style, {
+                height: "",
+                width: "",
+                left: "",
+                top: ""
+              });
             });
           });
           document.addEventListener(