Bug 263231

Summary:

Web Inspector: short height Web Inspector window messes up the top area

Product:

WebKit

Reporter:

Karl Dubost <karlcow>

Component:

Web Inspector

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED DUPLICATE

Severity:

Normal

CC:

inspector-bugzilla-changes, rcaliman, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

Safari 17

Hardware:

All

OS:

All

URL:

https://www.fisglobal.com/en/products/tripos-connect-to-the-world-of-commerce

Attachments:

Description	Flags
rendering of web inspector with UI messed up	none

Karl Dubost

Reported 2023-10-16 18:34:58 PDT

Created attachment 468237 [details] rendering of web inspector with UI messed up Steps to Reproduce: 1. With macOS Sonoma 2. With STP 180 3. Set your Web Inspector to be a separate window 4. Minimize the height at its minimum possible height 5. Make Sur the console section is visible with the Elements Tab 6. Resize the console-elements separator to maximize the console area 7. Close the Web Inspector 8. Go to https://www.fisglobal.com/en/products/tripos-connect-to-the-world-of-commerce 9. Open the Web Inspector Result: The top area is completely messed up with overlap of layers. See the screenshot. Dragging down the separator shows the layers movement, until it makes the UI readable/usable. Note: It requires a site with a lot of errors in the console to reproduce.

Attachments
rendering of web inspector with UI messed up (956.05 KB, image/png) 2023-10-16 18:34 PDT, Karl Dubost	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2023-10-16 18:35:18 PDT

<rdar://problem/117048548>

Razvan Caliman

Comment 2 2024-07-11 04:25:17 PDT

Fixed in Bug 273506 by commit https://commits.webkit.org/278208@main *** This bug has been marked as a duplicate of bug 273506 ***

Note You need to log in before you can comment on or make changes to this bug.