← All tests

Session history — horizontal scroll for clipped columns (prod)

Narong (2026-06-11): zoomed in, the Difference tick / Status / PDF columns vanished with no hint that more columns exist. Captured from get-coffee.nixtech.app.

Gate 2 5/5 passed. The sessions table uses fixed column widths summing to 1296px, but it sat inside a card that clipped overflow — on a narrow or zoomed viewport (here: 694px of usable width) the right columns were silently cut off. The table now lives in a horizontal-scroll wrapper: a scrollbar appears whenever columns don’t fit, and scrolling right reaches Difference / Status / PDF. Wide screens are unchanged (financial columns still equal width, measured 7×106.3px). nix-cafe 97c9325, 1 file, no migration.
Narrow viewport before scrolling — scrollbar visible
1 — Narrow viewport (1000px, like Narong’s zoom): columns past “Ending” are off-screen, but the scrollbar now signals there’s more. Click to zoom.
Narrow viewport after scrolling right — Difference, Status and PDF visible
2 — Same viewport, scrolled right: the Difference tick, Status and PDF buttons are reachable (previously clipped with no way to see them).
Wide viewport — all columns visible, equal financial widths
3 — Wide viewport (1700px): everything fits with no scrollbar; the 7 financial columns measure equal width (table-fixed non-regression).