3 ms·
There's a setting on MacOS: System preferences > General > Show scroll bars > Always; but neither developers nor end users seem to enable it. Plus — and this i
by azangru 5y ago
There's a setting on MacOS: System preferences > General > Show scroll bars > Always; but neither developers nor end users seem to enable it.
Plus — and this is a pet peeve of mine — there's a growing number of developers who would use the Tailwind CSS library and apply its "w-screen" class to their elements. The w-screen class sets element width to 100vw, which does not take into account the width of the vertical scrollbar. So the moment the page content gets taller than viewport height and a vertical scrollbar appears, the 100vw width of an element exceeds the available width of the page, and causes a horizontal scrollbar to appear as well. Argh!
- lelandfe 5y agoAt my last company, we enabled this by default for new company macOS laptops. Helped a lot.
- lioeters 5y agoFound a demonstration of 100vw with vertical scrollbar. Suggested solution is to use width:100%. https://sbx.webflow.io/100vw-scrollbars https://sbx.webflow.io/100vw-scrollbars
- azangru 5y ago> Suggested solution is to use width:100%. Which, for a block element inside a block container, is the default anyway.