Skip to content

Commit 6f1e3d4

Browse files
committed
fix(grille): use CanvasText directly for row background to fix iOS borders
iOS Safari does not reliably propagate the color property across shadow DOM boundaries, so background: currentColor on rows resolved to the same value as Canvas, making grid borders invisible. Using CanvasText directly matches how bar text and diagonal lines are already coloured, and does not depend on shadow DOM colour inheritance.
1 parent 0c37afa commit 6f1e3d4

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

  • packages/grigson-grille-harmonique-renderer/src

packages/grigson-grille-harmonique-renderer/src/styles.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ export function getGrilleStyles(typeface: string = 'sans'): string {
5454
[part~="row"] {
5555
display: flex;
5656
gap: var(--cg-grid-width);
57-
background: currentColor;
57+
background: CanvasText;
5858
padding: var(--cg-grid-width);
5959
width: fit-content;
6060
margin-bottom: calc(-1 * var(--cg-grid-width));

0 commit comments

Comments
 (0)