Overflow-detector

A tool to detect which DOM element causes a horizontal scroll

Overflow-detector: Chrome Extension for Detecting Horizontal Scroll

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

Download

Extension stats

Users: 1,000+

Rating: 5.00

(6)

Version: 0.1.0 (Last updated: 2020-05-21)

Creation date: 2020-05-21

Risk impact: Low risk impact

Risk likelihood:

Low risk likelihood

Manifest version: 2

Permissions:

activeTab

Size: 12.35K

Ranking

# 27,444 ▲ 127

Other rankings

#7185 in Developer Tools ▼ 20 #16 in cause keyword 21 ▲ 2 #101 in element keyword 21 ▼ 2 #209 in html keyword 33 ▲ 6 #231 in scroll keyword 18 ▼ 7

Other platforms

Not available on Android

Not available on Firefox

Not available on Edge

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.

Extension summary

Analyze keywords

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.

User reviews

Jj Guillermo, 2024-08-17

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.