Add requestIdleCallback polyfill

chromeos · May 9, 2024 · d7038a3 · d7038a3
1 parent 0050786
commit d7038a3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/site/src/components/home/AnimatedHero.svelte b/site/src/components/home/AnimatedHero.svelte
@@ -116,10 +116,8 @@
    * Wait for the component to mount before loading Lottie
    */
   onMount(async () => {
-    // Load the polyfill if requestIdleCallback isn't supported
-    if (!('requestIdleCallback' in window)) {
-      import('requestidlecallback');
-    }
+    // Polyfill for Safari
+    await import('requestidlecallback');
 
     // Kick off the animation loading
     requestIdleCallback(() => {

diff --git a/site/src/js/paint.js b/site/src/js/paint.js
@@ -1,9 +1,7 @@
+import 'requestidlecallback';
+
 window.addEventListener('load', () => {
-  if ('requestIdleCallback' in window) {
-    requestIdleCallback(paintSetup);
-  } else {
-    paintSetup();
-  }
+  requestIdleCallback(paintSetup);
 });
 
 /**