'Overflow-detector' is a convenient Chrome extension developed for web developers. It detects the DOM element that may cause a horizontal scrolling issue in a webpage layout. The tool iterates through all HTML DOM elements, comparing their width with their parent's. If an element exceeds its parent's width, it is typically responsible for the horizontal scroll to the parent, including page-level scroll when HTML stack is improperly ordered. The extension simplifies the troubleshooting process for developers who otherwise have to manually inspect each DOM element.
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
This tool iterate through all HTML DOM elements and compare their width with it's parent to check which element is exceeding its parent's width. Except some special circumstances, that DOM element which exceeds their parent element might be causing the horizontal scroll to the parent. When HTML stack is not properly ordered, this might be causing a horizontal scroll to the HTML body itself i.e. A page level scroll. During development, developers find it hard to detect which element is causing this horizontal scroll. They will inspect each and every DOM element to find the root of their problem manually. This tool will help doing it easily.
Thanks for the plugin. The only thing I don't like is the fact, that the site is scrolling down instead to the first or last element that causes the issue.