Safari v15.0 Web Inspector Elements Details Sidebar not partially collapsable.

I just received the Safari version 15.0 (16612.1.29.41.4, 16612), which has redesigned the web inspector. I have now lost the ability to collapse part of the Elements Details sidebar. Earlier versions allowed just the CSS styles to be visible and the ability to toggle on/off further details.

This is a poor user experience as it now restricts my viewport size for not only seeing the HTML code but also wrapping the CSS rules so that they become illegible.

How can I toggle off the other half of the details sidebar?

  • Open Web Inspector
  • Go to Settings (gear icon in the upper-right corner)
  • Go to Elements section
  • Toggle off "Show independent Styles sidebar"
Safari v15.0 Web Inspector Elements Details Sidebar not partially collapsable.
 
 
Q