search

tailwindlabs / headlessui

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
https://headlessui.com
MIT License
25.02k stars 1.03k forks source link

Nested Popovers not closing on click outside #3332

Open raduflp opened 6 days ago

raduflp commented 6 days ago

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

v2.1.0

What browser are you using?

Chrome

Reproduction URL

https://codesandbox.io/p/devbox/confident-pasteur-ly35gk?file=%2Fsrc%2FApp.jsx%3A25%2C1

Describe your issue

In v.2.0.4 and before nested popups would close when clicking outside of the PopoverPanel Starting with v2.1.0 a nested Popovers close only when clicking within the parent Popover or when focusing inputs outside of the popovers