Added fallback for font height in Google Chrome (#1023)

tolokoban · web-flow · commit 325378d07eb1 · 2025-11-03T10:42:45.000+01:00
diff --git a/src/ui/segments/workflows/simulate/single-neuron/shared/steps/webgl-neuron-selector/legend-overlay/legend-painter.ts b/src/ui/segments/workflows/simulate/single-neuron/shared/steps/webgl-neuron-selector/legend-overlay/legend-painter.ts
@@ -157,7 +157,8 @@ function drawLabel(ctx: CanvasRenderingContext2D, label: LabelToDraw) {
   ctx.font = `bold ${FONTSIZE}px sans-serif`;
   const measure = ctx.measureText(text);
   ctx.fillStyle = '#000';
-  ctx.fillText(text, boxX + PADDING, boxY + PADDING + measure.emHeightAscent);
+  const fontHeight = measure.emHeightAscent ?? measure.actualBoundingBoxAscent ?? FONTSIZE;
+  ctx.fillText(text, boxX + PADDING, boxY + PADDING + fontHeight);
 }
 
 /**

Original file line number	Diff line number	Diff line change
`@@ -157,7 +157,8 @@ function drawLabel(ctx: CanvasRenderingContext2D, label: LabelToDraw) {`
`157`	`157`	ctx.font = `bold ${FONTSIZE}px sans-serif`;
`158`	`158`	`const measure = ctx.measureText(text);`
`159`	`159`	`ctx.fillStyle = '#000';`
`160`		`- ctx.fillText(text, boxX + PADDING, boxY + PADDING + measure.emHeightAscent);`
	`160`	`+ const fontHeight = measure.emHeightAscent ?? measure.actualBoundingBoxAscent ?? FONTSIZE;`
	`161`	`+ ctx.fillText(text, boxX + PADDING, boxY + PADDING + fontHeight);`
`161`	`162`	`}`
`162`	`163`
`163`	`164`	`/**`