Bug 227306 - Web Inspector: Styles: autocomplete list shifts around when property values wrap to a new line
Summary: Web Inspector: Styles: autocomplete list shifts around when property values w...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Razvan Caliman
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-06-23 11:07 PDT by Razvan Caliman
Modified: 2021-06-23 11:08 PDT (History)
2 users (show)

See Also:

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

Note You need to log in before you can comment on or make changes to this bug.
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>