[joy-ui][Select] options stay open when clicking outside (Safari)

[sodenn]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example: https://mui.com/joy-ui/react-select/#basic-usage

Steps:

1. Open the example in Safari
2. Click on the select to open the options list
3. Click outside => the options list stays open

Current behavior 😯

The options list doesn't close when clicking outside. Only Safari is affected. Chrome works as expected.

Expected behavior 🤔

The options list should close when clicking outside the select.

Context 🔦

No response

Your environment 🌎

No response

[jyash97]

Hey @danilo-leal @siriwatknp 👋

Can I take a look at this issue ?

[siriwatknp]

Hey @danilo-leal @siriwatknp 👋

Can I take a look at this issue ?

Sure!

[jyash97]

@siriwatknp I took a look at this issue, this seems to be more complicated than I thought, but I was able to find the root cause of it.

So when we click the button and menu opens the focus is not kept on button and hence when we click outside of the button the blur event responsible for closing the menu is never triggered. To note: this happens on mui-base as well since it uses a similar approach.

Any idea what can be causing this? Might need a little help to solve this, thanks :D

[sodenn]

I cannot reproduce the issue with the latest version of Safari. I tested it in Safari 17.0 and macOS Sonoma 14.0, which was released last week.

[thecoder93]

Hi, with Safari 15.5 I can reproduce the issue. Later, I'll try with the new version of Safari.

[thecoder93]

I cannot reproduce the issue with the latest version of Safari. I tested it in Safari 17.0 and macOS Sonoma 14.0, which was released last week.

Yep, I tried with Safari 17.0 on Sonoma and I don't see any problem.

[phudtran]

I can reproduce on:

MacOS Ventura 13.4.1
Safari 16.5.1

[alexpuia]

I believe the reason behind this might be that "onClose" function actually gets called with "onBlur" instead of "blur" reason.

[trymoto]

If you're coming here from search - just update to the latest patch if mui / joy, it's been fixed