As possible using Chrome Developer Tools:
By clickling either Ctrl
+ Alt
+ ▶ using Windows. Or Opt
+ ▶ using a Mac would
toggle the html nodes and all of its children ▼
I know Chrome gives the opportunity to manually configure short-commands..
chrome://extensions/configureCommands
However the end-user of react-devtools would expect the same behavior anyway?
Obviously, this is not a high prior issue, and I have not completely thought this through myself, maybe there is a good reason for this.
https://developer.chrome.com/extensions/commands
https://developers.google.com/web/tools/chrome-devtools/shortcuts
Kind regards.
Jimmy
I’d happily review a PR adding this.
Added a pull request for this. It works but need to test it on a website with large number of nodes.
Fixed via https://github.com/facebook/react-devtools/pull/621.
Will be out whenever we cut the next patch (probably in a week or so).
Thanks everyone! 👍