Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature]: Popover with overlay #1678

Open
2 tasks
MickL opened this issue Mar 4, 2025 · 0 comments
Open
2 tasks

[Feature]: Popover with overlay #1678

MickL opened this issue Mar 4, 2025 · 0 comments

Comments

@MickL
Copy link

MickL commented Mar 4, 2025

Describe the feature

Hello!
It would be great to be able to give a popover an overlay like Dialog has. Currently it needs to be done manually:

...
<PopoverContent class="z-50">...</PopoverContent>
...

<AnimatePresence>
    <Motion
      :initial="{ opacity: 0 }"
      :animate="{ opacity: 1 }"
      :exit="{ opacity: 0 }"
    >
      <div
        v-if="store.isOpen"
        class="bg-black/20 fixed inset-0 z-10"
        @touchstart="isOpen = false"
      />
    </Motion>
</AnimatePresence>

Additional information

  • I intend to submit a PR for this feature.
  • I have already implemented and/or tested this feature.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant