fix: prevent horizontal scroll hiding mobile ToC button (#205)

braboj · claude · web-flow · commit cba2f2fb413f · 2026-04-26T14:40:25.000+03:00
Wide content (tables, code blocks) caused horizontal overflow on some
pages, pushing the fixed-position FAB off the visible viewport. Add
overflow-x: hidden on html to keep the FAB anchored.

Co-authored-by: Claude Opus 4.6 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/astro-site/src/styles/global.css b/astro-site/src/styles/global.css
@@ -74,6 +74,7 @@ html {
   font-size: 16px;
   scroll-behavior: smooth;
   scroll-padding-top: calc(var(--header-height) + var(--tab-height) + var(--space-md));
+  overflow-x: hidden;
 }
 
 body {

Original file line number	Diff line number	Diff line change
`@@ -74,6 +74,7 @@ html {`
`74`	`74`	`font-size: 16px;`
`75`	`75`	`scroll-behavior: smooth;`
`76`	`76`	`scroll-padding-top: calc(var(--header-height) + var(--tab-height) + var(--space-md));`
	`77`	`+ overflow-x: hidden;`
`77`	`78`	`}`
`78`	`79`
`79`	`80`	`body {`