Overflow-detector

#5 / 6 rate

Overflow-detector

1,000 users

2020-05-21

Unknown

Extension Information

5 star
100%
4 star
0%
3 star
0%
2 star
0%
1 star
0%

Supported Languages

Permissions

Description

A tool to detect which DOM element causes a horizontal scroll

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.

Reviews

Jj Guillermo
Jj Guillermo

Daniel Spycher
Daniel Spycher

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.

Raphael Cirelli
Raphael Cirelli

great extension! saved me hours of putting borders on every tag to find the culprit

Similar extensions

Quick Overflow
Quick Overflow

https://noamhacker.com

Designer Tools
Designer Tools

https://designer.tools

DOM-Analyzer
DOM-Analyzer

cnavast

SnipCSS
SnipCSS

https://www.snipcss.com

Hoverify
Hoverify

Hoverify

CSS Inspector
CSS Inspector

https://cssinspector.com

Alpine.js devtools
Alpine.js devtools

Alpine.js devtools

DOM X-Ray
DOM X-Ray

https://nick-vincent.com

CSS Scan
CSS Scan

https://getcssscan.com

DevTools z-index
DevTools z-index

ginpei

Dimensions Inspect | Gridman
Dimensions Inspect | Gridman

https://fenvox.com

Finsweet Extension for Webflow
Finsweet Extension for Webflow

https://finsweet.com