Affected versions

• 71.0a1 (2019-09-29)

Affected platforms

• all available

Steps to reproduce

1. Launch Firefox;
2. (if not already)Set devtools.netmonitor.features.requestBlocking to true;
3. Access any webpage, open the DevTools inspector - Network tab;
4. Block any request so that the Blocking UI is enabled;
5. Reduce the width of the browser until the Search and Request Blocking subSection header text is no longer fitting in the available area.

Expected result

• text could be contained/truncated;

Actual result

• Text for Search and Request Blocking is overlapping

Regression range

• not a regression, only visible after implementation of bug 1580728;

Additional notes

• attached screenshot with the issue;
• probably the implementation should be as per the frame on the right with the subsection picker triangle button for consistency.

Easiest would be to follow what Debugger's doing with Sources/Outline tabs, and just hide the overflow. I'm also wondering if we could shorten the tab title of Request Blocking to Blocking.