Can't focus/click other elements if the dropdown menu from List in open

[alexnatea]

Version: @headlessui 2.0.4

I want to focus/click the other elements on page when the dropdown is open instead of clicking twice (first click is to exit dropdown and the other click on the other elements)

Screen.Recording.2024-06-11.at.14.56.25.mov

Here is the code:

[druidui]

Having the same issue

[druidui]

@alexnatea Try modal={false} as a Headless.Menu prop, or you can try my workaround for making it close in 1 click: #3299

[bernsteinmatt]

Setting modal={false} worked! Thanks!

[alexnatea]

Indeed. setting modal={false} to my ListboxOptions element solved my issue. Thank you!!!