Web Inspector: Tree views can be collapsed/hidden using the keyboard arrows

• Component: Web Inspector (Deprecated)
• Status: RESOLVED FIXED

[Rowan Beentje]

Many of the inspector panes appear to use tree views in the left-hand navigation to displays lists of items - for example, Resources has the list of resources; Profiles has a list of recorded profiles; Storage has multiple groups of databases, cookies etc; and Audits has a list of results.  If one of these items is selected and has focus, using the left arrow on the keyboard appears to collapse the treeview and hide all the items.

This appears to be the behaviour in both Safari 5.0.2 and the WebKit nightlies on OS X.

For example:
1) Go to the Resources view
2) Click on first item in the Resources list - the document.
3) Hit the left arrow

Expected result: Probably nothing should happen.

Actual result: the Resources list appears to be emptied.  Using the right arrow, the tree can be expanded again while it has focus; if the tree view lose focus while collapsed, there appears to be no way to restore it.

[Alexander Pavlov (apavlov)]

Created attachment 120727 [details]
Patch

[Alexander Pavlov (apavlov)]

Committed r103797: <http://trac.webkit.org/changeset/103797>

I'm sure this behaviour is standard for tree views and for people with accessibility issues.

[Rowan Beentje]

Re: comment #3: this is absolutely standard behaviour for true tree views, for example those used in the redesigned Resources sidebar.  However the inspector also sometimes uses tree views to lay out content with headers, for example the Audits results list; these views weren't collapsable using the mouse as that wasn't an intended interaction, but were using the keyboard (usually accidentally!).

apavlov: Thanks for the patch, works a treat!