fix(perf): pause loading icon animation on initial load (#1325)

dhayab · web-flow · commit 939db17fbbc3 · 2025-09-10T16:53:32.000+02:00
* fix(perf): pause loading icon animation on initial load

* call pauseAnimations conditionally
diff --git a/packages/autocomplete-js/src/elements/LoadingIcon.ts b/packages/autocomplete-js/src/elements/LoadingIcon.ts
@@ -34,5 +34,19 @@ export const LoadingIcon: AutocompleteElement<
   />
 </circle>`;
 
+  const pauseAnimations = () => {
+    // Wait until the element is in the DOM.
+    if (!element.parentElement) {
+      setTimeout(pauseAnimations, 0);
+      return;
+    }
+
+    element.pauseAnimations();
+  };
+
+  if ('pauseAnimations' in element) {
+    pauseAnimations();
+  }
+
   return element;
 };
