[joy-ui][Select] On Safari, you have to click twice to reopen the listbox after selecting an option

[sibljon]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:

Steps:

1. Open the Joy UI Select docs
2. Click on the Select button
3. Select an option from the listbox
4. Click on the Select button again
5. !!! Notice that the listbox doesn't appear
6. Click a second time on the Select button
7. The listbox appears

You can see me reproduce here (macOS Safari Version 16.6):

2023-09-25.at.13.12.10.mp4

Current behavior 😯

After having made a selection from the listbox, it requires two clicks to re-open the listbox.

Expected behavior 🤔

After having made a selection from the listbox, it should only require one click to re-open the listbox.

Context 🔦

I'm generally just looking to use Select as a component in my app.

Your environment 🌎

npx @mui/envinfo

npx @mui/envinfo
npx: installed 2 in 3.281s

  System:
    OS: macOS 13.5.2
  Binaries:
    Node: 14.19.1 - ~/.nvm/versions/node/v14.19.1/bin/node
    Yarn: 3.4.1 - /opt/homebrew/bin/yarn
    npm: 6.14.16 - ~/.nvm/versions/node/v14.19.1/bin/npm
  Browsers:
    Chrome: 116.0.5845.187
    Edge: Not Found
    Safari: 16.6

[rajdips834]

The issue is non existent in my system

[sibljon]

The issue is non existent in my system

Could post the results of npx @mui/envinfo to know what your system set up is like?

[samuelsycamore]

I'm not able to reproduce this error on my end. Is anyone else on the @mui/core team able to?

[siriwatknp]

I cannot reproduce as well (Safari 16.4)