1382058 - Showing request details in the Network Monitor causes all of the columns to become unusably small

Status: RESOLVED WORKSFORME

(DevTools :: Netmonitor, defect, P3)

Description

[Stuart Cook]

Attachment: network-monitor-details.png

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:55.0) Gecko/20100101 Firefox/55.0
Build ID: 20170713130618

Steps to reproduce:

I opened the Network Monitor in the developer tools to inspect a page's network traffic, and then clicked on a request to view more details about it.


Actual results:

All of the columns in the Network Monitor became so small that I can't read their headings or contents, making the entire view useless.


Expected results:

I should still be able to see useful details about each request in the request list.

Comment 1

[Stuart Cook]

Attachment: network-monitor.png

Comment 2

[Stuart Cook]

Using the devtools on a modestly-sized screen has always been frustrating, but this relatively recent change makes it genuinely hard to perform any useful debugging work at all.

Comment 3

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

Thanks for the report!

And yes agree the UX is bad in this case and needs to be fixed.

Honza

Comment 4

[Akiyamka]

File column still very small even after disable all others columns. 
https://imgur.com/a/UTl9GCf
Reopen devtools the browser does not help. 
You can see the file name only by turning off all other columns except the file column.
This is very frustrating.

Comment 5

[Marshall]

It is incredibly frustrating that the File column in the Network tool is treated as it is. Finding any individual request by inspecting the first 2-3 characters of the path is impossible. Akiyamka's screenshot (https://imgur.com/a/UTl9GCf) is a perfect example of this. We get to see the response type column taking up way too much space for its importance in the developer workflow in this tool, and "File" gets 1-2 characters.

It is a general issue with the Network panel regardless of which columns are displayed by the developer. Column width (which is not resizable, sadly), is given its width not based on the productivity boost of the developer, but based on the width of the Column Header of that column.

Comment 6

[Lenka Pelechova]

This bug should be fixed in the current Nightly 67.0a1 (2019-03-08) (64-bit). See Bug 1358414 - Introduce column resizer in request list for info how to use resizing of columns on.
I believe it can be closed.