Bug 280154

Summary: The dropdown menu does not appear when a select element outside the viewport is focused
Product: WebKit Reporter: mizdra <pp.mizdra>
Component: FormsAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: akeerthi, cdumez, webkit-bug-importer, wenson_hsieh
Priority: P2 Keywords: InRadar
Version: Safari 18   
Hardware: iPhone / iPad   
OS: iOS 18   
Attachments:
Description Flags
The video of the issue reproduced using iPad/iOS 18.0/Safari none

mizdra
Reported 2024-09-22 08:08:31 PDT
Created attachment 472630 [details] The video of the issue reproduced using iPad/iOS 18.0/Safari ## Reproduction Steps 1. Open the following URL: https://codepen.io/mizdra/full/mdYJzPq 2. Tap `Focus on select1 (Unexpected behavior)` button ## Expected Behavior The select element is focused and the dropdown menu appears. ## Actual Behavior The select element is focused, but the dropdown menu is not displayed. ## Additional Context This issue only occurs in iOS Safari. It does not occur in macOS Safari. In addition, it does not occur when the select element in the viewport is focused.
Attachments
The video of the issue reproduced using iPad/iOS 18.0/Safari (1.39 MB, video/quicktime)
2024-09-22 08:08 PDT, mizdra 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
mizdra
Comment 1 2024-09-22 08:11:42 PDT
The problem is not just that the dropdown menu does not appear when the focus is on it. Even after the focus is on it, the dropdown menu does not appear when the select element is tapped. The select element cannot be interacted with by tapping.
Radar WebKit Bug Importer
Comment 2 2024-09-29 08:09:14 PDT
<rdar://problem/136926214>
Note You need to log in before you can comment on or make changes to this bug.