Merge pull request #1 from v7labs/raf-fix

fix: wrap the callback in requestAnimationFrame
v7labs · Feb 1, 2023 · 4b94ac6 · 4b94ac6
2 parents 5098660 + 75c7ced
commit 4b94ac6
Show file tree

Hide file tree

Showing 7 changed files with 66 additions and 49 deletions.
diff --git a/dist/vue-virtual-scroller.esm.js b/dist/vue-virtual-scroller.esm.js
diff --git a/dist/vue-virtual-scroller.esm.js.map b/dist/vue-virtual-scroller.esm.js.map
diff --git a/dist/vue-virtual-scroller.min.js b/dist/vue-virtual-scroller.min.js
diff --git a/dist/vue-virtual-scroller.min.js.map b/dist/vue-virtual-scroller.min.js.map
diff --git a/dist/vue-virtual-scroller.umd.js b/dist/vue-virtual-scroller.umd.js
diff --git a/dist/vue-virtual-scroller.umd.js.map b/dist/vue-virtual-scroller.umd.js.map
diff --git a/src/components/DynamicScroller.vue b/src/components/DynamicScroller.vue
@@ -46,19 +46,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,
+        requestAnimationFrame(() => {
+          if (!Array.isArray(entries)) {
+            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)
+            }
           }
-        }
+        })
       })
     }