Bug 258114 - Web Inspector: reorganize the web Inspector panels when window is narrow
Summary: Web Inspector: reorganize the web Inspector panels when window is narrow
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: Safari 17
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-06-14 23:25 PDT by Karl Dubost
Modified: 2023-08-18 01:46 PDT (History)
3 users (show)

See Also:

Attachments
developer tools in Firefox and Safari (553.20 KB, image/png)
2023-06-14 23:25 PDT, Karl Dubost 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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.