Bug 280154 - The dropdown menu does not appear when a select element outside the viewport is focused
Summary: The dropdown menu does not appear when a select element outside the viewport ...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Safari 18
Hardware: iPhone / iPad iOS 18
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2024-09-22 08:08 PDT by pp.mizdra
Modified: 2024-09-29 08:09 PDT (History)
4 users (show)

See Also:

Attachments
The video of the issue reproduced using iPad/iOS 18.0/Safari (1.39 MB, video/quicktime)
2024-09-22 08:08 PDT, pp.mizdra 		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 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>