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 | 489 | /* Horizontal scroll wrapper for wide tables that must not stack. */ |
| 490 | 490 | .table-scroll { |
| 491 | + position: relative; /* clip absolutely positioned .sr-only / caption children so they never widen the document */ | |
| 491 | 492 | overflow-x: auto; |
| 492 | 493 | -webkit-overflow-scrolling: touch; |
| 493 | 494 | scrollbar-width: thin; |
| 494 | 495 | |