wrap the callback in requestAnimationFrame

cf Akryum#517
sarahLardeau · Dec 3, 2021 · aa122d9 · aa122d9
1 parent 6099542
commit aa122d9
Showing 1 changed file with 16 additions and 11 deletions.
diff --git a/src/components/DynamicScroller.vue b/src/components/DynamicScroller.vue
@@ -45,19 +45,24 @@ export default {
   provide () {
     if (typeof ResizeObserver !== 'undefined') {
       this.$_resizeObserver = new ResizeObserver(entries => {
-        for (const entry of entries) {
-          if (entry.target) {
-            const event = new CustomEvent(
-              'resize',
-              {
-                detail: {
-                  contentRect: entry.contentRect,
+        window.requestAnimationFrame(() => {
+          if (!Array.isArray(entries) || !entries.length) {
+            return
+          }
+          for (const entry of entries) {
+            if (entry.target) {
+              const event = new CustomEvent(
+                'resize',
+                {
+                  detail: {
+                    contentRect: entry.contentRect,
+                  },
                 },
-              },
-            )
-            entry.target.dispatchEvent(event)
+              )
+              entry.target.dispatchEvent(event)
+            }
           }
-        }
+        });
       })
     }