web: .table-scroll is a positioned container so sr-only children cannot widen the page
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
1 changed file +1 −0
modified
apps/web/src/app/globals.css
+1 −0
@@ -488,6 +488,7 @@ | |||||
| 488 | } | 488 | } | ||
| 489 | /* Horizontal scroll wrapper for wide tables that must not stack. */ | 489 | /* Horizontal scroll wrapper for wide tables that must not stack. */ | ||
| 490 | .table-scroll { | 490 | .table-scroll { | ||
| 491 | + position: relative; /* clip absolutely positioned .sr-only / caption children so they never widen the document */ | ||||
| 491 | overflow-x: auto; | 492 | overflow-x: auto; | ||
| 492 | -webkit-overflow-scrolling: touch; | 493 | -webkit-overflow-scrolling: touch; | ||
| 493 | scrollbar-width: thin; | 494 | scrollbar-width: thin; | ||
| 494 | 495 | ||||