mirror of
https://github.com/coder/coder.git
synced 2026-11-04 23:29:17 +08:00
## Summary When the deployment banner's horizontal scrollbar appears on narrow viewports, it triggers an unwanted vertical scrollbar on the page. <img width="2262" height="598" alt="image" src="https://github.com/user-attachments/assets/5ef98d44-87ba-4db0-baa1-d9914abfae0e" /> ## Root Cause The app sets `scrollbar-gutter: stable` on `<html>` (in `index.css`) which reserves space for a vertical scrollbar. The `DashboardLayout` uses `min-h-screen` with `justify-between`, making content fill exactly 100vh. When the deployment banner's `overflow-x: auto` activates a horizontal scrollbar, the scrollbar track adds height that pushes the document past 100vh, triggering the vertical scrollbar. ## Fix Add `overflow-y-hidden` to the deployment banner. This prevents the horizontal scrollbar's track height from contributing to the document's vertical overflow. ## Changes - `DeploymentBannerView.tsx`: Added `overflow-y-hidden` alongside existing `overflow-x-auto`