Bug 280154

Summary:

The dropdown menu does not appear when a select element outside the viewport is focused

Product:

WebKit

Reporter:

pp.mizdra

Component:

Forms

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

akeerthi, cdumez, webkit-bug-importer, wenson_hsieh

Priority:

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>