Bug 296325 – Web Inspector: Can't select array element clipped by the console

• Status: RESOLVED
• Resolution: FIXED
• Component: Web Inspector

[Jeff Johnson]

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.

[Jeff Johnson]

Created attachment 476148 [details]
Another screenshot of the web inspector

[Radar WebKit Bug Importer]

<rdar://problem/157015598>

[Razvan Caliman]

Pull request: https://github.com/WebKit/WebKit/pull/48722

[Razvan Caliman]

Thank you for filing the issue!

Found the root cause and uploaded a patch which also addresses the wrapping of long elements.

[Razvan Caliman]

Created attachment 476224 [details]
Test case for display:inline-block vs display:block and white-space:nowrap

[EWS]

Committed 298834@main (6d620636ad5a): <https://commits.webkit.org/298834@main>

Reviewed commits have been landed. Closing PR #48722 and removing active labels.