Stop the Menu (Dropdown) from closing when clicking outside of it?

[druidui]

I have a mobile sidebar which takes up half of the screen. I put a Headless menu dropdown in this sidebar, and if I click out of my mobile sidebar, I'd expect it to close but instead it closes the Headless menu first, effectively taking 2 clicks to close my mobile sidebar.

I was wondering how I can fix this or disable the default Headless menu dropdown behaviour so that it doesn't do this. I have modal={false].

Hope you can help - thank you

[druidui]

Found a workaround, but a formal resolution would be very welcome:

I ended up wrapping my sidebar overlay with a close button seemed to do the trick:

<Headless.CloseButton aria-label="Close navigation">
    <div className="fixed inset-0 bg-white" />
</Headless.CloseButton>