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 InspectorAssignee: Razvan Caliman <rcaliman>
Status: NEW ---    
Severity: Normal CC: inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Attachments:
Description Flags
Video of issue none

Description Razvan Caliman 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.
Comment 1 Radar WebKit Bug Importer 2021-06-23 11:08:57 PDT
<rdar://problem/79674882>