Scroll Alert for Chrome
p/scroll-alert-for-chrome
Easily debug horizontal scrollbars on your website
Hristiyan Dodov
Scroll Alert for Chrome — Easily debug horizontal scrollbars on your website
1
•

Scroll Alert is a Chrome Extension for developers that, when you've opened DevTools, warns you when overflow is detected in the page and highlights the elements responsible for it. It also provides a sidebar pane in the Elements panel that allows you to easily inspect the problematic elements.

Replies
Best
Hristiyan Dodov
Hello! I don't know what your opinion is on horizontal scrollbars but in the era of responsive design, I think it can look unprofessional. It can be tough to spot horizontal overflow on macOS, especially since scrollbars are hidden until you scroll (and who tries to horizontally scroll a web page). Among other things, horizontal scrollbars may cause unexpected behavior or poor UX in some cases. Even if you spot the problem, finding the element responsible for it can be tricky if the page contains lots of elements. This exact thing happened to me one time and it took me about 15 minutes to find out what caused the overflow. After seeing horizontal scrollbars on two of my friends' websites (who use macOS) and remembering that time I debugged such a simple thing for way too long, I decided to make a tiny extension that solves the problem. Hope you find it useful! I'm opened to questions and feedback! 😎