Bug 227306

Summary:

Web Inspector: Styles: autocomplete list shifts around when property values wrap to a new line

Product:

WebKit

Reporter:

Razvan Caliman <rcaliman>

Component:

Web Inspector

Assignee:

Razvan Caliman <rcaliman>

Status:

NEW

Severity:

Normal

CC:

inspector-bugzilla-changes, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

WebKit Nightly Build

Hardware:

All

OS:

All

Attachments:

Description	Flags
Video of issue	none

Razvan Caliman

Reported 2021-06-23 11:07:43 PDT

Created attachment 432074 [details] Video of issue Occurs when the Styles panel is narrow and the list of completions contains a mix of short and long CSS value options. Steps to reproduce: - Open WebInspector > Elements - Ensure the Styles panel is resized to its narrowest - Add a new CSS property with the name `-webkit-appearance` - Advance to the value field and use the keyboard to navigate the list of completion options Result: The list of completions shifts down to align with the value as it wraps to a new line due to a long completion option. It shifts up back when a short option is selected.

Attachments
Video of issue (1.98 MB, video/quicktime) 2021-06-23 11:07 PDT, Razvan Caliman	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2021-06-23 11:08:57 PDT

<rdar://problem/79674882>

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