@handsontable/react-wrapper 0.0.0-next-b8ddec2-20260506 → 0.0.0-next-aaa8ee1-20260507

package/commonjs/react-handsontable.js

@@ -355,11 +355,18 @@ function createPortal(rElement) {
   if (!ownerDocument) {
     ownerDocument = document;
   }
-  if (!bulkComponentContainer) {
-    bulkComponentContainer = ownerDocument.createDocumentFragment();
+  var portalContainer = cachedContainer;
+
+  // A new container needs an anchor before React mounts into it. A cached
+  // container is already attached (typically inside its TD) and must be
+  // left in place to avoid wiping the DOM on every grid render.
+  if (!portalContainer) {
+    if (!bulkComponentContainer) {
+      bulkComponentContainer = ownerDocument.createDocumentFragment();
+    }
+    portalContainer = ownerDocument.createElement('DIV');
+    bulkComponentContainer.appendChild(portalContainer);
   }
-  var portalContainer = cachedContainer !== null && cachedContainer !== void 0 ? cachedContainer : ownerDocument.createElement('DIV');
-  bulkComponentContainer.appendChild(portalContainer);
   return {
     portal: /*#__PURE__*/ReactDOM__default["default"].createPortal(rElement, portalContainer, portalKey),
     portalContainer: portalContainer
@@ -553,38 +560,36 @@ var HotTableContextProvider = function HotTableContextProvider(_ref) {
       var instanceGuid = instance.guid;
       var portalContainerKey = "".concat(instanceGuid, "-").concat(key);
       var portalKey = "".concat(key, "-").concat(instanceGuid);
-      if (renderedCellCache.current.has(key)) {
-        TD.innerHTML = renderedCellCache.current.get(key).innerHTML;
-      }
       if (TD && !TD.getAttribute('ghost-table')) {
-        var cachedPortal = portalCache.current.get(portalKey);
         var cachedPortalContainer = portalContainerCache.current.get(portalContainerKey);
-        while (TD.firstChild) {
-          TD.removeChild(TD.firstChild);
-        }
-
-        // if portal already exists, do not recreate
-        if (cachedPortal && cachedPortalContainer) {
-          TD.appendChild(cachedPortalContainer);
-        } else {
-          var rendererElement = /*#__PURE__*/React__default["default"].createElement(Renderer, {
-            instance: instance,
-            TD: TD,
-            row: row,
-            col: col,
-            prop: prop,
-            value: value,
-            cellProperties: cellProperties
-          });
-          var _createPortal = createPortal(rendererElement, TD.ownerDocument, portalKey, cachedPortalContainer),
-            portal = _createPortal.portal,
-            portalContainer = _createPortal.portalContainer;
-          portalContainerCache.current.set(portalContainerKey, portalContainer);
+        // When the cached portal container is still attached to the same
+        // TD as the previous render, the DOM is already correct and must
+        // not be wiped. Wiping detaches the React-managed children, which
+        // forces a full remount of the renderer component on every grid
+        // render (see issue #10800).
+        var containerInPlace = !!cachedPortalContainer && cachedPortalContainer.parentNode === TD;
+        var rendererElement = /*#__PURE__*/React__default["default"].createElement(Renderer, {
+          instance: instance,
+          TD: TD,
+          row: row,
+          col: col,
+          prop: prop,
+          value: value,
+          cellProperties: cellProperties
+        });
+        var _createPortal = createPortal(rendererElement, TD.ownerDocument, portalKey, cachedPortalContainer),
+          portal = _createPortal.portal,
+          portalContainer = _createPortal.portalContainer;
+        if (!containerInPlace) {
+          while (TD.firstChild) {
+            TD.removeChild(TD.firstChild);
+          }
           TD.appendChild(portalContainer);
-          portalCache.current.set(portalKey, portal);
         }
+        portalContainerCache.current.set(portalContainerKey, portalContainer);
+        portalCache.current.set(portalKey, portal);
       }
-      renderedCellCache.current.set("".concat(row, "-").concat(col), TD);
+      renderedCellCache.current.set(key, TD);
       return TD;
     };
   }, []);
@@ -1074,7 +1079,7 @@ var HotColumn = function HotColumn(props) {
   }, editorPortal);
 };
 
-var version="0.0.0-next-b8ddec2-20260506";
+var version="0.0.0-next-aaa8ee1-20260507";
 
 /**
  * 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-b8ddec2-20260506 (built at Wed May 06 2026 10:18:16 GMT+0000 (Coordinated Universal Time))
+ * Version: 0.0.0-next-aaa8ee1-20260507 (built at Thu May 07 2026 06:37:47 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')) :
@@ -380,11 +380,18 @@ function createPortal(rElement) {
   if (!ownerDocument) {
     ownerDocument = document;
   }
-  if (!bulkComponentContainer) {
-    bulkComponentContainer = ownerDocument.createDocumentFragment();
+  var portalContainer = cachedContainer;
+
+  // A new container needs an anchor before React mounts into it. A cached
+  // container is already attached (typically inside its TD) and must be
+  // left in place to avoid wiping the DOM on every grid render.
+  if (!portalContainer) {
+    if (!bulkComponentContainer) {
+      bulkComponentContainer = ownerDocument.createDocumentFragment();
+    }
+    portalContainer = ownerDocument.createElement('DIV');
+    bulkComponentContainer.appendChild(portalContainer);
   }
-  var portalContainer = cachedContainer !== null && cachedContainer !== void 0 ? cachedContainer : ownerDocument.createElement('DIV');
-  bulkComponentContainer.appendChild(portalContainer);
   return {
     portal: /*#__PURE__*/ReactDOM__default["default"].createPortal(rElement, portalContainer, portalKey),
     portalContainer: portalContainer
@@ -578,38 +585,36 @@ var HotTableContextProvider = function HotTableContextProvider(_ref) {
       var instanceGuid = instance.guid;
       var portalContainerKey = "".concat(instanceGuid, "-").concat(key);
       var portalKey = "".concat(key, "-").concat(instanceGuid);
-      if (renderedCellCache.current.has(key)) {
-        TD.innerHTML = renderedCellCache.current.get(key).innerHTML;
-      }
       if (TD && !TD.getAttribute('ghost-table')) {
-        var cachedPortal = portalCache.current.get(portalKey);
         var cachedPortalContainer = portalContainerCache.current.get(portalContainerKey);
-        while (TD.firstChild) {
-          TD.removeChild(TD.firstChild);
-        }
-
-        // if portal already exists, do not recreate
-        if (cachedPortal && cachedPortalContainer) {
-          TD.appendChild(cachedPortalContainer);
-        } else {
-          var rendererElement = /*#__PURE__*/React__default["default"].createElement(Renderer, {
-            instance: instance,
-            TD: TD,
-            row: row,
-            col: col,
-            prop: prop,
-            value: value,
-            cellProperties: cellProperties
-          });
-          var _createPortal = createPortal(rendererElement, TD.ownerDocument, portalKey, cachedPortalContainer),
-            portal = _createPortal.portal,
-            portalContainer = _createPortal.portalContainer;
-          portalContainerCache.current.set(portalContainerKey, portalContainer);
+        // When the cached portal container is still attached to the same
+        // TD as the previous render, the DOM is already correct and must
+        // not be wiped. Wiping detaches the React-managed children, which
+        // forces a full remount of the renderer component on every grid
+        // render (see issue #10800).
+        var containerInPlace = !!cachedPortalContainer && cachedPortalContainer.parentNode === TD;
+        var rendererElement = /*#__PURE__*/React__default["default"].createElement(Renderer, {
+          instance: instance,
+          TD: TD,
+          row: row,
+          col: col,
+          prop: prop,
+          value: value,
+          cellProperties: cellProperties
+        });
+        var _createPortal = createPortal(rendererElement, TD.ownerDocument, portalKey, cachedPortalContainer),
+          portal = _createPortal.portal,
+          portalContainer = _createPortal.portalContainer;
+        if (!containerInPlace) {
+          while (TD.firstChild) {
+            TD.removeChild(TD.firstChild);
+          }
           TD.appendChild(portalContainer);
-          portalCache.current.set(portalKey, portal);
         }
+        portalContainerCache.current.set(portalContainerKey, portalContainer);
+        portalCache.current.set(portalKey, portal);
       }
-      renderedCellCache.current.set("".concat(row, "-").concat(col), TD);
+      renderedCellCache.current.set(key, TD);
       return TD;
     };
   }, []);
@@ -1099,7 +1104,7 @@ var HotColumn = function HotColumn(props) {
   }, editorPortal);
 };
 
-var version="0.0.0-next-b8ddec2-20260506";
+var version="0.0.0-next-aaa8ee1-20260507";
 
 /**
  * Component used to manage the renderer component portals.