Bug 263231

Summary: Web Inspector: short height Web Inspector window messes up the top area
Product: WebKit Reporter: Karl Dubost <karlcow>
Component: Web InspectorAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: inspector-bugzilla-changes, rcaliman, webkit-bug-importer
Priority: P2 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

Description Karl Dubost 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.
Comment 1 Radar WebKit Bug Importer 2023-10-16 18:35:18 PDT 
<rdar://problem/117048548>
Comment 2 Razvan Caliman 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 ***