react-virtualized-auto-sizer - npm Package Compare versions

Comparing version 1.0.22 to 1.0.23

dist/react-virtualized-auto-sizer.cjs.js

@@ -284,25 +284,27 @@ 'use strict';
     } = this.props;
-    if (this._autoSizer && this._autoSizer.parentNode && this._autoSizer.parentNode.ownerDocument && this._autoSizer.parentNode.ownerDocument.defaultView && this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement) {
+    const parentNode = this._autoSizer ? this._autoSizer.parentNode : null;
+    if (parentNode != null && parentNode.ownerDocument && parentNode.ownerDocument.defaultView && parentNode instanceof parentNode.ownerDocument.defaultView.HTMLElement) {
       // Delay access of parentNode until mount.
       // This handles edge-cases where the component has already been unmounted before its ref has been set,
       // As well as libraries like react-lite which have a slightly different lifecycle.
-      this._parentNode = this._autoSizer.parentNode;
+      this._parentNode = parentNode;
 
-      // Defer requiring resize handler in order to support server-side rendering.
-      // See issue #41
-      if (this._parentNode != null) {
-        if (typeof ResizeObserver !== "undefined") {
-          this._resizeObserver = new ResizeObserver(() => {
-            // Guard against "ResizeObserver loop limit exceeded" error;
-            // could be triggered if the state update causes the ResizeObserver handler to run long.
-            // See https://github.com/bvaughn/react-virtualized-auto-sizer/issues/55
-            this._timeoutId = setTimeout(this._onResize, 0);
-          });
-          this._resizeObserver.observe(this._parentNode);
-        } else {
-          this._detectElementResize = createDetectElementResize(nonce);
-          this._detectElementResize.addResizeListener(this._parentNode, this._onResize);
-        }
-        this._onResize();
+      // Use ResizeObserver from the same context where parentNode (which we will observe) was defined
+      // Using just global can result into onResize events not being emitted in cases with multiple realms
+      const ResizeObserverInstance = parentNode.ownerDocument.defaultView.ResizeObserver;
+      if (ResizeObserverInstance != null) {
+        this._resizeObserver = new ResizeObserverInstance(() => {
+          // Guard against "ResizeObserver loop limit exceeded" error;
+          // could be triggered if the state update causes the ResizeObserver handler to run long.
+          // See https://github.com/bvaughn/react-virtualized-auto-sizer/issues/55
+          this._timeoutId = setTimeout(this._onResize, 0);
+        });
+        this._resizeObserver.observe(parentNode);
+      } else {
+        // Defer requiring resize handler in order to support server-side rendering.
+        // See issue #41
+        this._detectElementResize = createDetectElementResize(nonce);
+        this._detectElementResize.addResizeListener(parentNode, this._onResize);
       }
+      this._onResize();
     }
@@ -319,3 +321,2 @@ }
       if (this._resizeObserver) {
-        this._resizeObserver.observe(this._parentNode);
         this._resizeObserver.disconnect();
@@ -322,0 +323,0 @@ }

dist/react-virtualized-auto-sizer.esm.js

@@ -280,25 +280,27 @@ import { Component, createElement } from 'react';
     } = this.props;
-    if (this._autoSizer && this._autoSizer.parentNode && this._autoSizer.parentNode.ownerDocument && this._autoSizer.parentNode.ownerDocument.defaultView && this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement) {
+    const parentNode = this._autoSizer ? this._autoSizer.parentNode : null;
+    if (parentNode != null && parentNode.ownerDocument && parentNode.ownerDocument.defaultView && parentNode instanceof parentNode.ownerDocument.defaultView.HTMLElement) {
       // Delay access of parentNode until mount.
       // This handles edge-cases where the component has already been unmounted before its ref has been set,
       // As well as libraries like react-lite which have a slightly different lifecycle.
-      this._parentNode = this._autoSizer.parentNode;
+      this._parentNode = parentNode;
 
-      // Defer requiring resize handler in order to support server-side rendering.
-      // See issue #41
-      if (this._parentNode != null) {
-        if (typeof ResizeObserver !== "undefined") {
-          this._resizeObserver = new ResizeObserver(() => {
-            // Guard against "ResizeObserver loop limit exceeded" error;
-            // could be triggered if the state update causes the ResizeObserver handler to run long.
-            // See https://github.com/bvaughn/react-virtualized-auto-sizer/issues/55
-            this._timeoutId = setTimeout(this._onResize, 0);
-          });
-          this._resizeObserver.observe(this._parentNode);
-        } else {
-          this._detectElementResize = createDetectElementResize(nonce);
-          this._detectElementResize.addResizeListener(this._parentNode, this._onResize);
-        }
-        this._onResize();
+      // Use ResizeObserver from the same context where parentNode (which we will observe) was defined
+      // Using just global can result into onResize events not being emitted in cases with multiple realms
+      const ResizeObserverInstance = parentNode.ownerDocument.defaultView.ResizeObserver;
+      if (ResizeObserverInstance != null) {
+        this._resizeObserver = new ResizeObserverInstance(() => {
+          // Guard against "ResizeObserver loop limit exceeded" error;
+          // could be triggered if the state update causes the ResizeObserver handler to run long.
+          // See https://github.com/bvaughn/react-virtualized-auto-sizer/issues/55
+          this._timeoutId = setTimeout(this._onResize, 0);
+        });
+        this._resizeObserver.observe(parentNode);
+      } else {
+        // Defer requiring resize handler in order to support server-side rendering.
+        // See issue #41
+        this._detectElementResize = createDetectElementResize(nonce);
+        this._detectElementResize.addResizeListener(parentNode, this._onResize);
       }
+      this._onResize();
     }
@@ -315,3 +317,2 @@ }
       if (this._resizeObserver) {
-        this._resizeObserver.observe(this._parentNode);
         this._resizeObserver.disconnect();
@@ -318,0 +319,0 @@ }

package.json

 {
   "name": "react-virtualized-auto-sizer",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "description": "Standalone version of the AutoSizer component from react-virtualized",
@@ -5,0 +5,0 @@ "author": "Brian Vaughn <[e-mail]> (https://github.com/bvaughn/)",

No alert changes

Improved metrics

Total package byte prevSize

44638

increased by0.6%

Lines of code

849

increased by0.24%

No dependency changes