Bug 296325

Summary: Web Inspector: Can't select array element clipped by the console
Product: WebKit Reporter: Jeff Johnson <opendarwin>
Component: Web InspectorAssignee: Razvan Caliman <rcaliman>
Status: RESOLVED FIXED    
Severity: Normal CC: inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 18   
Hardware: Mac (Apple Silicon)   
OS: macOS 15   
Attachments:
Description Flags
Screenshot of web inspector
none
Another screenshot of the web inspector
none
Test case for display:inline-block vs display:block and white-space:nowrap none

Jeff Johnson
Reported 2025-07-22 07:39:35 PDT
Created attachment 476147 [details] Screenshot of web inspector I've reproduced this bug in Safari 18.5 and Safari Technology Preview 223 on macOS 18.5 Steps to reproduce: 1. Open https://www.apple.com in Safari 2. Open the web inspector 3. Create an event breakpoint for click 4. Click on the  in the top left of the web page 5. Enter "e.composedPath()" in the console to show the composed path of the event 6. Expand the Array 7. Select each of the array elements Expected results: Each of the array elements can be selected. Actual results: Only the shorter array elements can be selected. Any element that is too wide for the console window can't be selected. Also, they don't wrap. That's probably a bug too.
Attachments
Screenshot of web inspector (785.71 KB, image/png)
2025-07-22 07:39 PDT, Jeff Johnson 		no flags
Details
Another screenshot of the web inspector (786.19 KB, image/png)
2025-07-22 07:39 PDT, Jeff Johnson 		no flags
Details
Test case for display:inline-block vs display:block and white-space:nowrap (1.52 KB, text/html)
2025-07-30 08:14 PDT, Razvan Caliman 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Jeff Johnson
Comment 1 2025-07-22 07:39:56 PDT
Created attachment 476148 [details] Another screenshot of the web inspector
Radar WebKit Bug Importer
Comment 2 2025-07-29 07:40:13 PDT
<rdar://problem/157015598>
Razvan Caliman
Comment 3 2025-07-30 08:04:17 PDT
Pull request: https://github.com/WebKit/WebKit/pull/48722
Razvan Caliman
Comment 4 2025-07-30 08:09:14 PDT
Thank you for filing the issue! Found the root cause and uploaded a patch which also addresses the wrapping of long elements.
Razvan Caliman
Comment 5 2025-07-30 08:14:07 PDT
Created attachment 476224 [details] Test case for display:inline-block vs display:block and white-space:nowrap
EWS
Comment 6 2025-08-18 05:06:02 PDT
Committed 298834@main (6d620636ad5a): <https://commits.webkit.org/298834@main> Reviewed commits have been landed. Closing PR #48722 and removing active labels.
Note You need to log in before you can comment on or make changes to this bug.