headlessui: Click outside logic is broken for `static` Popover

It looks like once you add static to the <Popover.Panel> the clicking outside logic no longer works properly. Instead, it will close the popover even when you click elements inside the panel, making it impossible to interact with.

Here’s a sandbox: https://codesandbox.io/s/headlessuireact-static-popover-bug-74uhq?file=/src/App.js

About this issue

  • Original URL
  • State: closed
  • Created 3 years ago
  • Reactions: 8
  • Comments: 15 (1 by maintainers)

Most upvoted comments

This also happens when not using the static prop. E.g. if I have a form inside the popover. (headlessui/vue)