Closed Bug 1521776 Opened 2 years ago Closed 2 years ago

Show scrollable elements in the markup-view using markup-badges

Categories

(DevTools :: Inspector, enhancement, P3)

enhancement

Tracking

(firefox66 fixed)

RESOLVED FIXED
Firefox 66
Tracking Status
firefox66 --- fixed

People

(Reporter: pbro, Assigned: pbro)

References

(Blocks 1 open bug)

Details

Attachments

(1 file)

Debugging unwanted scrollbars in a web page often starts with identifying what element is having the scrollbar.
This is sometimes more difficult than it seems as many elements may be nested into each other, sharing the same size.

The idea of this feature is to make use of the markup-badges we already use for flexbox, grid, or events, by adding one for scrollable elements.

Assignee: nobody → pbrosset
Status: NEW → ASSIGNED

Detect when nodes are scrollable on the actor side, and use this
information to display new [scrollable] markup-badges in the inspector.
Also track this dynimically so badges are added/removed when necessary.
Hide this behind a pref for now, until this gets tested by users and
validated.

Pushed by pbrosset@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/21cb7caef246
Add new scrollable markup badges; r=gl
Status: ASSIGNED → RESOLVED
Closed: 2 years ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 66
Blocks: 1523543
Duplicate of this bug: 1342028
You need to log in before you can comment on or make changes to this bug.