@marimo-team/islands 0.22.1-dev41 → 0.22.1-dev42

package/dist/main.js

@@ -33827,7 +33827,11 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
         className: cn("h-auto min-h-10 whitespace-pre align-top", c2),
         style: d,
         ref: (c3) => {
-          columnSizingHandler(c3, e, r4.column);
+          columnSizingHandler({
+            table: e,
+            column: r4.column,
+            thead: c3
+          });
         },
         children: r4.isPlaceholder ? null : flexRender(r4.column.columnDef.header, r4.getContext())
       }, r4.id);
@@ -33982,10 +33986,12 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
       }
     };
   }
-  function columnSizingHandler(e, r, c) {
-    e && r.getState().columnSizing[c.id] !== e.getBoundingClientRect().width && r.setColumnSizing((r2) => ({
-      ...r2,
-      [c.id]: e.getBoundingClientRect().width
+  function columnSizingHandler({ table: e, column: r, thead: c }) {
+    if (!c) return;
+    let d = Math.round(c.getBoundingClientRect().width);
+    e.getState().columnSizing[r.id] !== d && e.setColumnSizing((e2) => ({
+      ...e2,
+      [r.id]: d
     }));
   }
   var MAX_PAGES_BEFORE_CLAMPING = 100;
@@ -65513,7 +65519,7 @@ ${c}
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.22.1-dev41"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.22.1-dev42"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.22.1-dev41",
+  "version": "0.22.1-dev42",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/data-table/renderers.tsx

@@ -9,7 +9,6 @@ import {
   type HeaderGroup,
   type Row,
   type Table,
-  type Table as TanStackTable,
 } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { type JSX, useLayoutEffect, useRef, useState } from "react";
@@ -52,7 +51,7 @@ export function renderTableHeader<TData>(
             )}
             style={style}
             ref={(thead) => {
-              columnSizingHandler(thead, table, header.column);
+              columnSizingHandler({ table, column: header.column, thead });
             }}
           >
             {header.isPlaceholder
@@ -323,23 +322,30 @@ function getPinningStyles<TData>(
 
 // Update column sizes in table state for column pinning offsets
 // https://github.com/TanStack/table/discussions/3947#discussioncomment-9564867
-function columnSizingHandler<TData>(
-  thead: HTMLTableCellElement | null,
-  table: TanStackTable<TData>,
-  column: Column<TData>,
-) {
+function columnSizingHandler<TData>({
+  table,
+  column,
+  thead,
+}: {
+  table: Table<TData>;
+  column: Column<TData>;
+  thead: HTMLTableCellElement | null;
+}): void {
   if (!thead) {
     return;
   }
-  if (
-    table.getState().columnSizing[column.id] ===
-    thead.getBoundingClientRect().width
-  ) {
+  // Round to avoid infinite re-render loops: the browser's table layout
+  // algorithm may render a <th> at a slightly different width than the
+  // CSS `width` we set via column.getSize(), so a strict float === float
+  // comparison never stabilizes. Rounding to integers ensures convergence
+  // after at most one cycle.
+  const measuredWidth = Math.round(thead.getBoundingClientRect().width);
+  if (table.getState().columnSizing[column.id] === measuredWidth) {
     return;
   }
 
   table.setColumnSizing((prevSizes) => ({
     ...prevSizes,
-    [column.id]: thead.getBoundingClientRect().width,
+    [column.id]: measuredWidth,
   }));
 }