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

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):

https://github.com/mui/material-ui/assets/442307/77c5e441-3412-4db8-bf1d-bebad5d254c1

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: 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