@homebound/beam 2.91.8 → 2.91.9

package/dist/components/Table/GridTable.js

@@ -260,10 +260,16 @@ function renderTable(style, id, columns, headerRows, filteredRows, firstRowMessa
 function renderVirtual(style, id, columns, headerRows, filteredRows, firstRowMessage, stickyHeader, firstLastColumnWidth, xss, virtuosoRef) {
     return ((0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { ref: virtuosoRef, components: { List: VirtualRoot(style, columns, id, firstLastColumnWidth, xss) }, 
         // Pin/sticky both the header row(s) + firstRowMessage to the top
-        topItemCount: (stickyHeader ? headerRows.length : 0) + (firstRowMessage ? 1 : 0), 
-        // Both the `Item` and `itemContent` use `display: contents`, so their height is 0,
-        // so instead drill into the 1st real content cell.
-        itemSize: (el) => el.firstElementChild.firstElementChild.offsetHeight, itemContent: (index) => {
+        topItemCount: (stickyHeader ? headerRows.length : 0) + (firstRowMessage ? 1 : 0), itemSize: (el) => {
+            const maybeContentsDiv = el.firstElementChild;
+            // If it is a chrome row, then we are not using `display: contents;`, return the height of this element.
+            if ("chrome" in maybeContentsDiv.dataset) {
+                return maybeContentsDiv.offsetHeight;
+            }
+            // Both the `Item` and `itemContent` use `display: contents`, so their height is 0,
+            // so instead drill into the 1st real content cell.
+            return maybeContentsDiv.firstElementChild.offsetHeight;
+        }, itemContent: (index) => {
             // We keep header and filter rows separate, but react-virtuoso is a flat list,
             // so we pick the right header / first row message / actual row.
             let i = index;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.91.8",
+  "version": "2.91.9",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",