3 ms·
Are you on a mac? 99% of times it's because of an external mouse connected. edit: the css for the element that overflows has: `grid-template-columns: 50vw 50vw
by fgkramer 8y ago
Are you on a mac? 99% of times it's because of an external mouse connected.
edit: the css for the element that overflows has: `grid-template-columns: 50vw 50vw;` and based on the spec: https://www.w3.org/TR/css3-values/#viewport-relative-lengths https://www.w3.org/TR/css3-values/#viewport-relative-lengths, scrollbars are not taken into account, therefore as long as you have a _forced_ scrollbar, the content WILL overflow regardless of your screen size.
By forced I mean a scrollbar you cannot remove and that's not enforced by your systems settings, you can clearly see this behaviour on mac if you toggle the "Show scroll bars" setting to "Always".
Safari and webkit based browsers can avoid this issues with `::-webkit-scrollbar{ display: none}` but it's not a cross browser solution nor a wise decision to hide scrollbars overall.
- shereadsthenews 8y agoI think the fact that you tried to blame my peripheral devices says a lot about the state of web dev today.
- josteink 8y agoIt’s still a broken site.
- LukeShu 8y agoI see it with Firefox on Arch Linux. No matter the size of the window, the page seems to be a fixed ~16px wider.
- ancarda 8y agoFor me, if I resize to a narrow window (or zoom to 400%) it'll switch to mobile view and the horizontal scrollbar disappears.
- ancarda 8y agoI see it too (Chrome on Windows 10).