Using 100vw is now scrollbar-aware (in Chrome 145+, under the right conditions) https://www.bram.us/2026/01/15/100vw-horizontal-overflow-no-more/
Using 100vw is now scrollbar-aware (in Chrome 145+, under the right conditions)
From Chrome 145 onwards, 100vw will automatically subtract the size of the (vertical) scrollbar from it if you have forced the html element to always show a vertical scrollbar (using overflow[-y]: scroll) or if you reserve space for it (using scrollbar-gutter: stable). The same applies to vh with a horizontal scrollbar, as well as all small, large, and dynamic variants.
www.bram.us · Bram.us
Link author:
Bramus@bramus@front-end.social