Bug 238224

Summary:

Web Inspector: selection variable $0 hidden with Show scroll bars Always

Product:

WebKit

Reporter:

Jeff Johnson <opendarwin>

Component:

Web Inspector

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

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

Priority:

Keywords:

InRadar

Version:

Safari 15

Hardware:

Mac (Intel)

OS:

macOS 11

Attachments:

Description	Flags
Screenshot: variable partially hidden	none
Screenshot: variable shown	none
Screenshot: variable hidden	none

Description Jeff Johnson 2022-03-22 14:30:10 PDT

Steps to reproduce:
1) Open macOS System Preferences to General pane
2) Show scroll bars: Always
3) Open safari to https://webkit.org
4) Open web inspector
5) Select Elements tab
6) Select any DOM node
7) Resize the DOM tree area

See the attached screenshots. The DOM nodes themselves seem to respect Show scroll bars: Always, but the "= $0" variable becomes hidden behind the scroll bar.

Comment 1 Jeff Johnson 2022-03-22 14:30:35 PDT

Created attachment 455424 [details]
Screenshot: variable partially hidden

Comment 2 Jeff Johnson 2022-03-22 14:31:04 PDT

Created attachment 455425 [details]
Screenshot: variable shown

Comment 3 Jeff Johnson 2022-03-22 14:31:47 PDT

Created attachment 455426 [details]
Screenshot: variable hidden

Comment 4 Patrick Angle 2022-03-22 15:18:30 PDT

Also occurs without always-on scrollbars if you resize Web Inspector until `= $0` doesn't fit on the first line anymore, but the rest of the content does. Use of `position: absolute;` for this text seems suspicious, but changing that leads to a weird issue with the height of the blue "selected item" area until I move my cursor over it and back off of it. Need to reduce that issue to understand if it is in WebInspectorUI, or an underlying layout/repaint issue.

Comment 5 Radar WebKit Bug Importer 2022-03-22 15:18:58 PDT

<rdar://problem/90662184>