Closed Bug 1307404 Opened 8 years ago Closed 8 years ago

Double horizontal scrollbars in the inspector panel when I make it very small

Categories

(DevTools :: Inspector, defect)

Product:
DevTools
Component:
Inspector
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

(Not tracked)

Status:
RESOLVED DUPLICATE of bug 1307408

People

(Reporter: pbro, Unassigned)

References

Details

STR:
- open about:home
- open the inspector
- close the <body> node by clicking on the expander icon next to it
- open it again but this time holding the Alt key, this way all nodes will be expanded and the DOM tree will be deep and occupy a lot of space, this just makes the issue easier to see
- start making the inspector smaller by dragging the splitter to the left
- at some point there should be a scrollbar *above* the breadcrumbs, which is fine, that's when the DOM tree doesn't fit in the viewport anymore
- continue making the inspector even smaller

==> At some point, a second scrollbar appears *below* the breadcrumbs.
That's when there's not enough space anymore to fit all of the elements in the inspector toolbar and so it starts to push the layout outside of the viewport and a scrollbar appears.

This should not happen and we need another solution for the toolbar to become smaller.
For starters, I think we need to have overflow:hidden on the left part of the inspector panel, but it would also be nice to adapt the content of the toolbar too instead of seeing icons slide beyond the viewport, maybe icons should start to disappear.
This is probably a recent regression due to bug 1262443.
Blocks: top-inspector-bugs
Current patch attached to Bug 1307408 should fix the root regression here (we can keep the bug for further improvements after that though).
See Also: → 1307408
This will be fixed as part of bug 1307408.
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → DUPLICATE
No longer blocks: top-inspector-bugs
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.