base
Reputation: 111
Headless UI dropdown menu from Tailwind UI not closing
I copy and pasted the first Tailwind UI header component on this page
https://tailwindui.com/components/marketing/elements/headers
into a new Next.js Code Sandbox. On desktop view the product dropdown menu opens and closes fine.
But when I added text to the page. When you open the product menu and click outside any area it won't close.
https://codesandbox.io/p/devbox/elegant-maria-pg4thv?workspaceId=ws_5WE9DjQAEcB4RQSEtRHCUQ
Upvotes: 0
Views: 68
Answers (0)
Related Questions
- Attempted import error: 'Switch' is not exported from 'react-router-dom'
- Tailwind + Headless UI: Close Mobile Menu after click or clickaway
- React Multiple Dropdown component doesn't close when clicking on the blank area
- Hover on headlessui Menu element to open instead of click
- Dropdown menu is not displaying in my react hooks in a Navbar component imported in Home page
- Prevent the button click again once the dropdown menu has opened from the button React.js?
- What is the most intelligent way to close the Dropdown Menu on clicking outside of its scope?
- How to make Twitter Bootstrap menu dropdown on hover rather than click
- Menu Opened/Closed States Inherited in Children with Staggered Transitions in Tailwind/React