fix: no text auto-sizing on webkit (#1186)

jacqueminv · web-flow · commit 31592d5b6e3e · 2026-01-04T09:26:29.000+11:00
That ensures that no line is displayed with a bigger font-size due to its length. see https://bugs.webkit.org/show_bug.cgi?id=304640 Fixes #1101
diff --git a/formatters/html/html.go b/formatters/html/html.go
@@ -528,6 +528,7 @@ func (f *Formatter) styleToCSS(style *chroma.Style) map[chroma.TokenType]string
 	}
 	classes[chroma.Background] += `;` + f.tabWidthStyle()
 	classes[chroma.PreWrapper] += classes[chroma.Background]
+	classes[chroma.PreWrapper] += ` -webkit-text-size-adjust: none;`
 	// Make PreWrapper a grid to show highlight style with full width.
 	if len(f.highlightRanges) > 0 && f.customCSS[chroma.PreWrapper] == `` {
 		classes[chroma.PreWrapper] += `display: grid;`

Original file line number	Diff line number	Diff line change
`@@ -528,6 +528,7 @@ func (f Formatter) styleToCSS(style chroma.Style) map[chroma.TokenType]string`
`528`	`528`	`}`
`529`	`529`	classes[chroma.Background] += `;` + f.tabWidthStyle()
`530`	`530`	`classes[chroma.PreWrapper] += classes[chroma.Background]`
	`531`	+ classes[chroma.PreWrapper] += ` -webkit-text-size-adjust: none;`
`531`	`532`	`// Make PreWrapper a grid to show highlight style with full width.`
`532`	`533`	if len(f.highlightRanges) > 0 && f.customCSS[chroma.PreWrapper] == `` {
`533`	`534`	classes[chroma.PreWrapper] += `display: grid;`