fix: wrap the callback in requestAnimationFrame, fix #516 (#517)

Co-authored-by: Olha Khavro <[email protected]>
Co-authored-by: Guillaume Chau <[email protected]>

Author: 3 people

src/components/DynamicScroller.vue

@@ -50,19 +50,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)
+            }
           }
-        }
+        })
       })
     }