Hacker News Reader

Comment by Sir_Substance | Hacker News Reader

I'd really like to see an addon that just blocks the css overflow attribute. I've only ever seen it used by websites that try to stop people who are blocking their giant modal popups from scrolling.

It might be that I'm dumb and can't figure out how to add a ublock/umatrix rule to block it, but I'd love a single purpose addon that just deletes "overflow:hidden" in all cases.

View on HN

Not a straight block, but a super handy extension is BehindTheOverlay. It gives you a consistently placed button that removes overlays. Instead of hunting for an X or cancel or close button, you use your muscle memory and always hit the same place in the Chrome.

https://chrome.google.com/webstore/detail/behindtheoverlay/l...

https://addons.mozilla.org/en-US/firefox/addon/behind_the_ov...

https://github.com/NicolaeNMV/BehindTheOverlay

I think you mean position: fixed or sticky? Overflow controls what happens when the contents of a bounding box exceed it's allowed size, which is usually to hide or make the box scrollable.

'overflow: hidden' is often used to make the content of a page unscrollable on less technically adept news sites where the content is still present on the page.

many sites use overflow hidden on body to disable scrolling until you close the popup

Nah, doing this would also break things like carousels/slideshows too, as well as menus that slide in from off screen.

And while it's rarer than those, I've definitely also seen page components which show a preview of the content until you click on them, then expand to show everything else. Those would break as well.

So while you'd certainly block modal popups that prevent scrolling, you'd also break a bunch of things on other sites that use the overflow property for more legitimate reasons.

I prefer carousels and slideshows "broken", so I can use my browsers fast built in scroll rather than the visible slow javascript one. This falls under the category of "stop fucking with my scrollbar", a message I wish I could write on enough cakes to send one to every webdev on the planet.

The slide out menus would be a shame, but I'd give that up to prevent it's rampant abuse everywhere else.

document.querySelectorAll('*').forEach(e => e.style.overflow = 'unset')

Nice, I'll keep that as a bookmarket, saves me rooting around in the inspector!

May also need to add others like e.style.overflowY

Reply on news.ycombinator.com