asma-ui-table 1.4.1 → 1.4.2

package/dist/asma-ui-table.es.js

@@ -14136,8 +14136,12 @@ function useProxyHorizontalScrollSync(enabled) {
     syncProxyFromTable();
     tableXEl.addEventListener("scroll", syncProxyFromTable, { passive: true });
     hScrollEl.addEventListener("scroll", syncTableFromProxy, { passive: true });
+    const content = tableXEl.querySelector("table");
     const ro = new ResizeObserver(syncWidth);
     ro.observe(tableXEl);
+    if (content) {
+      ro.observe(content);
+    }
     return () => {
       tableXEl.removeEventListener("scroll", syncProxyFromTable);
       hScrollEl.removeEventListener("scroll", syncTableFromProxy);
@@ -15243,8 +15247,23 @@ const StyledTable = (props) => {
       setHasInternalOverflow(false);
       return;
     }
-    setHasInternalOverflow(host.scrollWidth > host.clientWidth);
-  }, [canShowStickyFooter, tableXRef, tableScrollRef, windowWidth]);
+    const content = host.querySelector("table");
+    const updateOverflow = () => {
+      const nextHasOverflow = host.scrollWidth > host.clientWidth;
+      setHasInternalOverflow(
+        (prevHasOverflow) => prevHasOverflow === nextHasOverflow ? prevHasOverflow : nextHasOverflow
+      );
+    };
+    updateOverflow();
+    const resizeObserver = new ResizeObserver(updateOverflow);
+    resizeObserver.observe(host);
+    if (content) {
+      resizeObserver.observe(content);
+    }
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [canShowStickyFooter, tableXRef, tableScrollRef]);
   const { ref: containerRef, heightPx: rowsAreaPx } = useElementHeightPx();
   const rowHeightPx = options.rowHeight ?? 48;
   const visibleRows = table.getRowModel().rows.length;

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "1.4.1",
+    "version": "1.4.2",
     "type": "module",
     "files": [
         "dist/**/*",