pixelize-design-library 3.1.0 → 3.1.1

package/CHANGELOG.md

@@ -11,6 +11,12 @@ line below names its issue number.
 
 ## [Unreleased]
 
+### Fixed
+
+- **`Table` (windowed, >30 rows) flickered at the bottom of a `tableMaxHeight` scroller.** The scroll limit ignored the
+  sticky header, so the clamp stopped one header-height (41px) short of the real bottom and fought the browser's own
+  scroll there. Rows now get the viewport minus the header.
+
 ## [3.1.0] — 2026-10-23
 
 ### Added

package/dist/Components/Table/components/TableBody.js

@@ -264,7 +264,11 @@ const TableBody = ({ data, isCheckbox, columns, startRow, rowsPerPage, columnWid
                 setScrollTop(el.scrollTop);
             });
         };
-        const measure = () => setViewportH(el.clientHeight);
+        // NOTE: the sticky header covers the top of the scroller, so rows only get what is left.
+        const measure = () => {
+            const head = el.querySelector("thead");
+            setViewportH(el.clientHeight - (head ? head.offsetHeight : 0));
+        };
         measure();
         setScrollTop(el.scrollTop);
         el.addEventListener("scroll", onScroll, { passive: true });

package/dist/esm/Components/Table/components/TableBody.js

@@ -224,7 +224,11 @@ const TableBody = ({ data, isCheckbox, columns, startRow, rowsPerPage, columnWid
                 setScrollTop(el.scrollTop);
             });
         };
-        const measure = () => setViewportH(el.clientHeight);
+        // NOTE: the sticky header covers the top of the scroller, so rows only get what is left.
+        const measure = () => {
+            const head = el.querySelector("thead");
+            setViewportH(el.clientHeight - (head ? head.offsetHeight : 0));
+        };
         measure();
         setScrollTop(el.scrollTop);
         el.addEventListener("scroll", onScroll, { passive: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "React component library for Pixelize apps: themeable Chakra-based components, design tokens and light/dark brand theming.",
   "keywords": [
     "react",