Resizing with horizontal overflow in Network

firefox-devtools / ux

Firefox DevTools UX Community

Mozilla Public License 2.0

103 stars 21 forks source link

Resizing with horizontal overflow in Network #111

Open digitarald opened 4 years ago

digitarald commented 4 years ago

Follow up from https://twitter.com/digitarald/status/1227656564170883072 , power users really want a Network table resizing that behaves like all other table resizing (Finder, File Explorer, Excel, Google Sheets, Airtable, etc).

Options that we should discuss:

Offer both responsive and overflow resizing (manual toggle or heuristics based)?
Offer "scale to fit" toggle for Waterfall chart that toggles responsive/overflow fit
Make overflow sizing default, but snap to fit when dock mode changes
Please add other options …

I already filed bug 1615102 for double-click to resize-to-fit-content; as it makes sense regardless.

bomsy commented 4 years ago

I kind of like the make overflow sizing default, but snap to fit when dock mode changes option.

fvsch commented 4 years ago

One issue is that the table container's width changes all the time:

When resizing the window
When docked to the side and resizing the toolbox
When showing the request details
When resizing the request details
When showing the Search/Blocking sidebar
When resizing the Search/Blocking sidebar

The UI examples where tables overflow (Excel, File Explorer, etc.) seem to have much less of that going on.

digitarald commented 4 years ago

Agreed, sidebars on both sides make responsiveness more important.

Playing with that constraint: Most users brought up the table as a case for unconstrained resizing, without mentioning the inspection panel – so lets make it a special case for which we jump back to responsive mode. Chrome does something similar by hiding most columns when the inspection panel is open. I am not sure if some of the removed information isn't important, but in Firefox the many columns definitely can get squished too much as well. So an option would be that inspection triggers the responsive fit and cuts more columns (it does remove waterfall already)?