Skip to content

[select] On Safari, clicking on the Select input does not close its listbox #476

@nangelina

Description

@nangelina

Steps to reproduce

Link to live example: https://mui.com/base-ui/react-select/#introduction

Steps:

  1. Use Safari (I am on Version 17.5)
  2. Click the input once to open the listbox
  3. Click the input again to try to close it

Current behavior

On Safari, clicking the input closes and reopens the listbox.

Screen.Recording.2024-07-14.at.4.07.35.AM.mov

Expected behavior

On Chrome, clicking the input closes the listbox.

Screen.Recording.2024-07-14.at.4.14.39.AM.mov

Context

No response

Your environment

Safari Version 17.5 (19618.2.12.11.6)

Search keywords: select, listbox, menu, safari, close

Metadata

Metadata

Assignees

Labels

browser: SafariAffects or fixes behavior in Apple Safari.component: selectChanges related to the select component.package: @mui/baseSpecific to @mui/base (legacy).type: bugIt doesn't behave as expected.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions