Bug 280154

Summary: The dropdown menu does not appear when a select element outside the viewport is focused
Product: WebKit Reporter: 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

Description pp.mizdra 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.
Comment 1 pp.mizdra 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.
Comment 2 Radar WebKit Bug Importer 2024-09-29 08:09:14 PDT
<rdar://problem/136926214>