Full-width Megamenu (collapsible) does not close when clicking outside

[jbwl]

Describe the bug
The mega menu does not close when a user clicks outside of it, but only when the triggering element, e.g. a button is clicked again.

To Reproduce
Steps to reproduce the behavior:

1. Go to the Flowbite Docs for the full-width mega menu: https://flowbite.com/docs/components/mega-menu/#full-width-dropdown
2. Click on "Company" menu item - the mega menu opens
3. Click on anywhere where there is a an empty space outside the mega menu, e.g. to the left of "Home"

Expected behavior
The mega menu should close because it's the expected behavior.
Desktop (please complete the following information):

• OS: MacOS
• Browser: Chrome (130), Safari (18.1), probably others

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
All other mega menu examples (non-full-width) do close as expected when clicking outside of them.

[ENate]

Hi @jbwl Any progress on this issue? I also came across similar issue when using this mega-full-menu in an Angular application.

[jbwl]

@ENate Hi, sorry, not that I'm aware of. I have actually moved on from Flowbite because it's not yet ready for a no-build Rails 8 environment.

[ENate]

Now worries. I just jumped into Angular because I wanted to quickly design something and realized that tailwind CSS could not provide me some drop down menu. So I found flowbite. Note sure whether it is world beating in production already!

[jbwl]

provide me some drop down menu.

If you want to use Angular, then Flowbite is one of the few good options, as most of the modern, popular libraries are "React first, and all others maybe some day", unfortunately. Another one which can be used with Angular is DaisyUI.