fix: use animation frames when nodes are added

KonnorRogers · Sep 25, 2021 · a319706 · a319706
1 parent fccbb00
commit a319706
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/mrujs.ts b/src/mrujs.ts
@@ -175,10 +175,13 @@ function addedNodesCallback (this: MrujsInterface, mutationList: MutationRecord[
       addedNodes = Array.from(mutation.addedNodes)
     }
 
-    window.mrujs.allPlugins.forEach((plugin: MrujsPluginInterface) => {
-      if (typeof plugin.observerCallback === 'function') {
-        plugin.observerCallback(addedNodes)
-      }
+    // kick it into an animation frame so we dont delay rendering
+    window.requestAnimationFrame(() => {
+      window.mrujs.allPlugins.forEach((plugin: MrujsPluginInterface) => {
+        if (typeof plugin.observerCallback === 'function') {
+          plugin.observerCallback(addedNodes)
+        }
+      })
     })
   }
 }