1591016 - Network monitor - Request details pane pushing Search and Blocking tabs if section overlaps requests

Status: NEW

(DevTools :: Netmonitor, defect, P3)

Description

[Cristian Fogel [:cfogel]]

Attachment: netBlocking_DockedSizingPushed.gif

Affected versions

• 71.0b3, 72.0a1 (2019-10-23);

Affected platforms

• Windows 10, macOS 10.13, Ubuntu 16.04;

Steps to reproduce
Any of the 2 prefs(or both) set to true:

• devtools.netmonitor.features.requestBlocking
• devtools.netmonitor.features.search

1. Launch Firefox, open DevTools - Netmonitor, dock it to Left or Right;
2. Open either the Search or Blocking sidepanels;
3. Access any webpage and click on any request;
4. Resize the browser to right until the Request Details section would jump bellow the requests + left sidepanel(s);
5. Drag and resize the Request Details to left, until it covers the Search/Blocking tabs;
6. Close the Requests Details;
7. Click on any request;

Expected result

• the Left pannel(s), requests, Request Details are contained and displayed on the screen;

Actual result

• the Request Details panel pushes the left Sidepanels out of bounds;

Regression range

• First bad: build_date: 2019-10-17
• Last good: build_date: 2019-10-16
• Pushlog: URL
• most likelly introduced with bug 1589269;

Additional notes

• small inconsistency, can be reverted with dragging and resizing the bars;
• attached recording with the issue;
• although issue not appeared with introduction of the blocking & search feature/pannels adding 1583111 since it is affecting this feature as well.

Comment 1

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Thanks for the report!

I can reproduce this on my machine (Win10, Nightly)

Honza

Comment 2

[Cristian Fogel [:cfogel]]

Upon some extra clicking around, I've realized that it's not limited to the docking type.
Another scenario:
With default/any browser/docking settings;
0. Open DevTools, Netmonitor, Search/Blocking sidepanels;

1. Resize the browser to right until the Request Details section would jump bellow the requests + left sidepanel(s);
2. Click on any request;
3. Drag on the Request details section until it reaches the left sidepanels;
4. Close the Requests Details;
5. Click on any request.

Comment 3

[Cristian Fogel [:cfogel]]

Another thing worth mentioning:

• the Request details pannel can be dragged over the blocking/search sidepannels right of the bat if the browser width is small enough to allow it.

Comment 4

[David Walsh :davidwalsh]

I can no longer duplicate this, Honza. Can you?

Comment 5

[Jan Honza Odvarko [:Honza] (always need-info? me)]

I am still seeing the the left side bar overlaps the right one.
Cristian, what do you think?

Honza

Comment 6

[Cristian Fogel [:cfogel]]

Yes, the behavior is pretty much the same.
A thing worth mentioning is that, with the addition of the collapse button(s) makes it more manage-able.