English (United States)
See more
A tool to detect which DOM element causes a horizontal scroll
Latest Version
Version
0.1.0
Update
May 21, 2020
Size
12.06KiB
Developer
Category
Users
1,000+ 
Rating
5 ★
Manifest Version
2
Web Store Status
Extension ID
Languages Support
Permissions
ActiveTab
See more
Overflow-detector Extension
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.
Read more
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Overflow-detector", "version": "0.1.0", "description": "A tool to detect which DOM element causes a horizontal scroll", "manifest_version": 2, "author": "Aravinth Ramesh", "icons":{"128": "images/Overflow-detector-logo-128.png"}, "browser_action": { "default_icon": { "16": "images/Overflow-detector-logo-16.png", "32" : "images/Overflow-detector-logo-32.png", "48" : "images/Overflow-detector-logo-48.png", "128" : "images/Overflow-detector-logo-128.png" }, "default_title": "An extension to find the DOM element which is causing the horizontal scroll.", "default_popup": "popup.html" }, "permissions": [ "activeTab" ], "commands": { "_execute_browser_action": { "suggested_key": { "default": "Ctrl+Shift+F", "mac": "MacCtrl+Shift+F" }, "description": "Opens hello.html" } }, "content_scripts": [ { "matches": [""], "js": ["contentScript.js"] } ]}
Read more
Similar Extensions
Quick Overflow 1,000+ 3 ★ 57.43KiB
Designer Tools 1,000+ 227 ★ 987KiB
DOM-Analyzer 1,000+ 3 ★ 19.52KiB
SnipCSS 1,000+ 32 ★ 13.12MiB
Hoverify 1,000+ 145 ★ 14.54MiB
CSS Inspector 1,000+ 64 ★ 2.57MiB
Alpine.js devtools 1,000+ 34 ★ 67.78KiB
DOM X-Ray 1,000+ 2 ★ 57.82KiB
CSS Scan 1,000+ 84 ★ 1.41MiB
DevTools z-index 1,000+ 13 ★ 22.53KiB
CSS Stacking Context inspector 1,000+ 21 ★ 262KiB
CSS Used 1,000+ 184 ★ 164KiB
z-context 1,000+ 42 ★ 30.48KiB
Web Vitals 1,000+ 43 ★ 398KiB
Polypane helper 1,000+ 4 ★ 23.12KiB
VisBug 1,000+ 252 ★ 5.38MiB
CLS Visualizer 1,000+ 11 ★ 17.27KiB
Measuremate 1,000+ 42 ★ 797KiB
HTML DOM Navigation 1,000+ 18 ★ 13.89KiB
OGraph Previewer 1,000+ 10 ★ 16.56KiB
Relume Chrome Extension for Webflow 1,000+ 37 ★ 2.28MiB
ACF Tools 1,000+ 21 ★ 73.01KiB
Dimensions Inspect | Gridman 1,000+ 87 ★ 816KiB
Finsweet Extension for Webflow 1,000+ 80 ★ 531KiB
User reviews
AlmostSwiss (ID: 0000002d6fc969ed) Voted 5 ★ - Updated 10/16/2020
Łukasz (ID: 000000af34630bd4) Voted 5 ★ - Updated 09/05/2020
