Bug 185128

Summary:

<select>'s native dropdown menu shift up to selected value

Product:

WebKit

Reporter:

Eric Tsui <cwtsui>

Component:

Forms

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED INVALID

Severity:

Enhancement

CC:

ahmad.saleem792, akeerthi, ap, bfulgham, cdumez, rniwa, webkit-bug-importer, wenson_hsieh

Priority:

Keywords:

InRadar

Version:

Safari 11

Hardware:

All

OS:

macOS 10.13

Attachments:

Description	Flags
Screen shot of the problem	none

Description Eric Tsui 2018-04-29 21:03:51 PDT

Created attachment 339103 [details]
Screen shot of the problem

Steps to Reproduce:
1. Go to https://bootstrapdocs.com/v3.3.5/docs/css/#selects
2. Click the dropdown box
3. Select 3
4. Click the dropdown box again

Expected Results:
dropdown menu show always above or below the dropdown box

Actual Results:
dropdown menu shift up to select value

Suggested action:
1. Add option to force dropdown menu to display above or below
2. Confirm this is a feature or default behavior

Comment 1 Radar WebKit Bug Importer 2018-05-02 12:52:07 PDT

<rdar://problem/39915267>

Comment 2 Ahmad Saleem 2022-09-18 03:54:47 PDT

All browsers (Chrome Canary 108, Firefox Nightly 106 and Safari Technology Preview 153 on macOS 12.6) behave same and show "select" value on face right next to click.

Since all browser do shift "drop-down" while reselecting to show the selected value up-front. I think it is more of enhancement request rather than some bug.

ap@webkit.org & rniwa@webkit.org - Any input? or I missed something? Thanks!

Comment 3 Aditya Keerthi 2022-09-19 15:14:07 PDT

This is expected behavior in WebKit, and matches the macOS platform behavior. There is no intention to change the behavior here.