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

Jeff Johnson

Reported 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.

Attachments
Screenshot: variable partially hidden (2.82 MB, image/png) 2022-03-22 14:30 PDT, Jeff Johnson	no flags	Details
Screenshot: variable shown (2.84 MB, image/png) 2022-03-22 14:31 PDT, Jeff Johnson	no flags	Details
Screenshot: variable hidden (2.82 MB, image/png) 2022-03-22 14:31 PDT, Jeff Johnson	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Jeff Johnson

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

Created attachment 455424 [details] Screenshot: variable partially hidden

Jeff Johnson

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

Created attachment 455425 [details] Screenshot: variable shown

Jeff Johnson

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

Created attachment 455426 [details] Screenshot: variable hidden

Patrick Angle

Comment 4 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.

Radar WebKit Bug Importer

Comment 5 2022-03-22 15:18:58 PDT

<rdar://problem/90662184>

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