Hacker News Reader

Comment by shereadsthenews | Hacker News Reader

What will you build on .dev? A site so broken that it still has a horizontal scrollbar no matter how wide the browser window.

View on HN

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, 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.

I think the fact that you tried to blame my peripheral devices says a lot about the state of web dev today.

It’s still a broken site.

I see it with Firefox on Arch Linux. No matter the size of the window, the page seems to be a fixed ~16px wider.

For me, if I resize to a narrow window (or zoom to 400%) it'll switch to mobile view and the horizontal scrollbar disappears.

I see it too (Chrome on Windows 10).

.deveap-hero grid-template-columns needs to be 49vw 50vw

49vw not 50vw, to approximately make room for the vertical scrollbar when it appears.

OK, on with my day ;)

It renders without a horizontal scroll bar on my iPad 6g in either orientation

Shows up for me on firefox and chrome on windows. Also, safari (and maybe chrome on macos as well) doesn't show scrollbars unless you're actively scrolling, so it's easy to think there's no scrollbars.

Or just build a site that pitches your development services.

Chromium on Arch Linux. Can confirm.

Reply on news.ycombinator.com