fix: use correct font to measure column title width (#1040)

murrayju · web-flow · commit 3023a7c28f62 · 2025-06-17T20:52:28.000+02:00
* fix: use correct font to measure column title width

* restore original font
diff --git a/packages/core/src/data-editor/use-column-sizer.ts b/packages/core/src/data-editor/use-column-sizer.ts
@@ -62,7 +62,10 @@ export function measureColumn(
             }
         }
     }
+    const currentFont = ctx.font;
+    ctx.font = theme.headerFontFull;
     max = Math.max(max, ctx.measureText(c.title).width + theme.cellHorizontalPadding * 2 + (c.icon === undefined ? 0 : 28));
+    ctx.font = currentFont;
     const final = Math.max(Math.ceil(minColumnWidth), Math.min(Math.floor(maxColumnWidth), Math.ceil(max)));
 
     return {

Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,10 @@ export function measureColumn(`
`62`	`62`	`}`
`63`	`63`	`}`
`64`	`64`	`}`
	`65`	`+ const currentFont = ctx.font;`
	`66`	`+ ctx.font = theme.headerFontFull;`
`65`	`67`	`max = Math.max(max, ctx.measureText(c.title).width + theme.cellHorizontalPadding * 2 + (c.icon === undefined ? 0 : 28));`
	`68`	`+ ctx.font = currentFont;`
`66`	`69`	`const final = Math.max(Math.ceil(minColumnWidth), Math.min(Math.floor(maxColumnWidth), Math.ceil(max)));`
`67`	`70`
`68`	`71`	`return {`