DevTools Network Column Sorting Cannot be Disabled
Reported by
ch...@anthum.com,
May 23 2016
|
|||||||||||||
Issue description
Chrome Version : 50-53.0.2746.0 canary
URLs (if applicable) :
Other browsers tested:
Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
Safari:
Firefox:
IE:
What steps will reproduce the problem?
(1) Ensure DevTools is closed to ensure "not sorted" state
(2) Open Network tab in DevTools
(3) Load a web page so that rows show in the Network tab
(4) Click "Name" column header. ASC column sort is invoked
(5) Click "Name" column header. DESC column sort is invoked.
(6) Click "Name" column again, 3rd time.
What is the expected result?
The sorting should be turned off and returned to the original order before the sorting was invoked
What happens instead?
Instead of a 3-step toggle loop (Ascending, Descending, Disabled) when clicking column headers, we are stuck with a 2-step toggle loop (Ascending, Descending) after we turn column sorting on.
Please provide any additional information below. Attach a screenshot if
possible.
The only solution to "re-instantiate" the original sorting order (deactivate explicit column sorting) is to close and re-open DevTools. This is not the most optimal or efficient. Would really help me the UI allowed us to invoke and turn off sorting quickly
,
May 24 2016
Adding an ID column would solve this problem.
,
May 24 2016
Sort by Timeline > Start Time. That is the default display. We should find a way to make this more noticeable though as finding out this can be done is difficult.
,
May 24 2016
,
May 24 2016
The default sort is the "Timeline - Start Time". There is a small visual cue, but it is quite small. I do agree that maybe we could make it more evident. I am unsure on if a third "reset" state should be the right way to address the confusion. Bringing in Chris to collaborate.
,
May 24 2016
,
May 25 2016
I don't think making column sorting a tri-state is the solution here. There is a clear sort column here (the timeline), it's just not visually clear at the moment. A few recommendations to do this: 1. In narrow columns (like the original screenshot), the sort arrow is getting truncated or overlapped. The sort arrow is a primary indicator and should always be plainly visible. In a narrow column, the arrow should get the first opportunity at real estate and should truncate the label if there's insufficient room for both. The headings can have tooltips when the labels get truncated (see first attachment). 2. The time markers span the entire height of the timeline column, making it look like it's multiple columns rather than a single entity. I'd recommend having the markers only span half the height of the column (and potentially making their markers lighter) so it's clearer the timeline column is something you can act on as a whole. (see second attachment). 3. The context menu that appears when you click on the timeline header confuses the fact that it can be used for sorting. Clicking on the timeline header should toggle sorting asc/desc on the timeline, just as it does with other sort columns. This should also eliminate some of the click-jank resulting from the <select> being used to implement this. If the user wants to switch the type of timeline, this should be done by right-clicking on the table headers, just as is done for adding/removing other headers. (see third attachment)
,
Jul 9 2016
Moving this nonessential bug to the next milestone. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jul 22 2016
|
|||||||||||||
►
Sign in to add a comment |
|||||||||||||
Comment 1 by ssamanoori@chromium.org
, May 24 2016Labels: M-53 OS-Linux OS-Mac OS-Windows
Status: Untriaged (was: Unconfirmed)