@handsontable/react-wrapper 0.0.0-next-950f502-20260629 → 0.0.0-next-8f26cab-20260630

package/commonjs/react-handsontable.js

@@ -551,10 +551,18 @@ var HotTableContextProvider = function HotTableContextProvider(_ref) {
     return renderedCellCache.current.clear();
   }, []);
   var portalCache = React.useRef(new Map());
+  var portalContainerCache = React.useRef(new Map());
+  // Keys of the portal containers rendered in the current view-render pass.
+  // Reset every `beforeViewRender` and used after the render to evict
+  // containers whose cells left the viewport (see pushCellPortalsIntoPortalManager).
+  var renderedPortalContainerKeys = React.useRef(new Set());
   var clearPortalCache = React.useCallback(function () {
-    return portalCache.current.clear();
+    portalCache.current.clear();
+    renderedPortalContainerKeys.current.clear();
+  }, []);
+  var getPortalContainerCacheSize = React.useCallback(function () {
+    return portalContainerCache.current.size;
   }, []);
-  var portalContainerCache = React.useRef(new Map());
   var getRendererWrapper = React.useCallback(function (Renderer) {
     return function __internalRenderer(instance, TD, row, col, prop, value, cellProperties) {
       var key = "".concat(row, "-").concat(col);
@@ -590,6 +598,7 @@ var HotTableContextProvider = function HotTableContextProvider(_ref) {
           TD.appendChild(portalContainer);
         }
         portalContainerCache.current.set(portalContainerKey, portalContainer);
+        renderedPortalContainerKeys.current.add(portalContainerKey);
         portalCache.current.set(portalKey, portal);
       }
       renderedCellCache.current.set(key, TD);
@@ -603,6 +612,18 @@ var HotTableContextProvider = function HotTableContextProvider(_ref) {
     renderersPortalManager.current = pmComponent;
   }, []);
   var pushCellPortalsIntoPortalManager = React.useCallback(function () {
+    // Evict portal containers whose cells were not rendered in this pass (e.g.
+    // scrolled out of the viewport). Their container DIVs are already detached
+    // from the DOM, so without this they would be retained forever, leaking
+    // O(rows × cols) detached nodes for component-based renderers. Containers
+    // still in the viewport stay cached, preserving the in-place reuse that
+    // avoids remounting renderer components on every grid render (#10800).
+    var liveKeys = renderedPortalContainerKeys.current;
+    portalContainerCache.current.forEach(function (_, cacheKey) {
+      if (!liveKeys.has(cacheKey)) {
+        portalContainerCache.current["delete"](cacheKey);
+      }
+    });
     renderersPortalManager.current(_toConsumableArray(portalCache.current.values()));
   }, []);
   var contextImpl = React.useMemo(function () {
@@ -614,10 +635,11 @@ var HotTableContextProvider = function HotTableContextProvider(_ref) {
       getRendererWrapper: getRendererWrapper,
       clearPortalCache: clearPortalCache,
       clearRenderedCellCache: clearRenderedCellCache,
+      getPortalContainerCacheSize: getPortalContainerCacheSize,
       setRenderersPortalManagerRef: setRenderersPortalManagerRef,
       pushCellPortalsIntoPortalManager: pushCellPortalsIntoPortalManager
     };
-  }, [setHotColumnSettings, trimColumnSettings, getRendererWrapper, clearRenderedCellCache, setRenderersPortalManagerRef, pushCellPortalsIntoPortalManager]);
+  }, [setHotColumnSettings, trimColumnSettings, getRendererWrapper, clearRenderedCellCache, getPortalContainerCacheSize, setRenderersPortalManagerRef, pushCellPortalsIntoPortalManager]);
   return /*#__PURE__*/React__default["default"].createElement(HotTableContext.Provider, {
     value: contextImpl
   }, children);
@@ -1086,7 +1108,7 @@ var HotColumn = function HotColumn(props) {
   }, editorPortal);
 };
 
-var version="0.0.0-next-950f502-20260629";
+var version="0.0.0-next-8f26cab-20260630";
 
 /**
  * Component used to manage the renderer component portals.

package/dist/react-handsontable.js

@@ -25,7 +25,7 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  * 
- * Version: 0.0.0-next-950f502-20260629 (built at Mon Jun 29 2026 12:55:27 GMT+0000 (Coordinated Universal Time))
+ * Version: 0.0.0-next-8f26cab-20260630 (built at Tue Jun 30 2026 10:05:05 GMT+0000 (Coordinated Universal Time))
  */
 (function (global, factory) {
 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom'), require('handsontable/base'), require('handsontable/renderers/registry'), require('handsontable/editors/registry')) :
@@ -576,10 +576,18 @@ var HotTableContextProvider = function HotTableContextProvider(_ref) {
     return renderedCellCache.current.clear();
   }, []);
   var portalCache = React.useRef(new Map());
+  var portalContainerCache = React.useRef(new Map());
+  // Keys of the portal containers rendered in the current view-render pass.
+  // Reset every `beforeViewRender` and used after the render to evict
+  // containers whose cells left the viewport (see pushCellPortalsIntoPortalManager).
+  var renderedPortalContainerKeys = React.useRef(new Set());
   var clearPortalCache = React.useCallback(function () {
-    return portalCache.current.clear();
+    portalCache.current.clear();
+    renderedPortalContainerKeys.current.clear();
+  }, []);
+  var getPortalContainerCacheSize = React.useCallback(function () {
+    return portalContainerCache.current.size;
   }, []);
-  var portalContainerCache = React.useRef(new Map());
   var getRendererWrapper = React.useCallback(function (Renderer) {
     return function __internalRenderer(instance, TD, row, col, prop, value, cellProperties) {
       var key = "".concat(row, "-").concat(col);
@@ -615,6 +623,7 @@ var HotTableContextProvider = function HotTableContextProvider(_ref) {
           TD.appendChild(portalContainer);
         }
         portalContainerCache.current.set(portalContainerKey, portalContainer);
+        renderedPortalContainerKeys.current.add(portalContainerKey);
         portalCache.current.set(portalKey, portal);
       }
       renderedCellCache.current.set(key, TD);
@@ -628,6 +637,18 @@ var HotTableContextProvider = function HotTableContextProvider(_ref) {
     renderersPortalManager.current = pmComponent;
   }, []);
   var pushCellPortalsIntoPortalManager = React.useCallback(function () {
+    // Evict portal containers whose cells were not rendered in this pass (e.g.
+    // scrolled out of the viewport). Their container DIVs are already detached
+    // from the DOM, so without this they would be retained forever, leaking
+    // O(rows × cols) detached nodes for component-based renderers. Containers
+    // still in the viewport stay cached, preserving the in-place reuse that
+    // avoids remounting renderer components on every grid render (#10800).
+    var liveKeys = renderedPortalContainerKeys.current;
+    portalContainerCache.current.forEach(function (_, cacheKey) {
+      if (!liveKeys.has(cacheKey)) {
+        portalContainerCache.current["delete"](cacheKey);
+      }
+    });
     renderersPortalManager.current(_toConsumableArray(portalCache.current.values()));
   }, []);
   var contextImpl = React.useMemo(function () {
@@ -639,10 +660,11 @@ var HotTableContextProvider = function HotTableContextProvider(_ref) {
       getRendererWrapper: getRendererWrapper,
       clearPortalCache: clearPortalCache,
       clearRenderedCellCache: clearRenderedCellCache,
+      getPortalContainerCacheSize: getPortalContainerCacheSize,
       setRenderersPortalManagerRef: setRenderersPortalManagerRef,
       pushCellPortalsIntoPortalManager: pushCellPortalsIntoPortalManager
     };
-  }, [setHotColumnSettings, trimColumnSettings, getRendererWrapper, clearRenderedCellCache, setRenderersPortalManagerRef, pushCellPortalsIntoPortalManager]);
+  }, [setHotColumnSettings, trimColumnSettings, getRendererWrapper, clearRenderedCellCache, getPortalContainerCacheSize, setRenderersPortalManagerRef, pushCellPortalsIntoPortalManager]);
   return /*#__PURE__*/React__default["default"].createElement(HotTableContext.Provider, {
     value: contextImpl
   }, children);
@@ -1111,7 +1133,7 @@ var HotColumn = function HotColumn(props) {
   }, editorPortal);
 };
 
-var version="0.0.0-next-950f502-20260629";
+var version="0.0.0-next-8f26cab-20260630";
 
 /**
  * Component used to manage the renderer component portals.