Replies: 1 comment 4 replies
-
The PopoverButton can be arbitrarily nested inside of the Popover. Try this:
Alternatively (say the overflow:hidden element is your nav, and you need multiple popovers inside), create a portal inside the PopoverPanel (use |
Beta Was this translation helpful? Give feedback.
4 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I want to show a popover inside of an element with
overflow-hidden
. However, thePopoverPanel
ends up getting clipped. Unfortunately,overflow-hidden
is required for my use case. How can I make sure that the PopoverPanel is fully visible?A simplified example:
See working CodeSandbox here:
https://codesandbox.io/embed/headlessui-vue-menu-example-forked-s05je?fontsize=14&hidenavigation=1&theme=dark
I tried using a
Teleport
, but that messes up the positioning of thePopoverPanel
. If this is the way to go, could somebody explain how to modify the example to make it work?Edit: To clarify, this is what it looks like:
And this is what I would like to see:
Beta Was this translation helpful? Give feedback.
All reactions