Bug 258114

Summary: Web Inspector: reorganize the web Inspector panels when window is narrow
Product: WebKit Reporter: Karl Dubost <karlcow>
Component: Web InspectorAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: anon185441, inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 17   
Hardware: All   
OS: All   
Attachments:
Description Flags
developer tools in Firefox and Safari none

Description Karl Dubost 2023-06-14 23:25:08 PDT
Created attachment 466696 [details]
developer tools in Firefox and Safari

Steps to reproduce:

1. Inspect a deeply nested element on a website 


Expected:
Be able to read the content. 

Actual:
The Element panel is wrapping all characters on one or two columns, because of the narrow window

Note:
There are a couple of possible strategy here.

1. Making the content scrollable horizontally
2. Repositioning the panels vertically to leave more rooms for each of them

Firefox adopts a mix of both. (see screenshots)
Comment 1 Radar WebKit Bug Importer 2023-06-14 23:25:21 PDT
<rdar://problem/110821580>
Comment 2 novov 2023-08-18 01:46:22 PDT
IMO this is probably solved by bug 259391, I didn't come across this bug when opening it.