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.

Sign up for GitHub

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

Jump to bottom

Set pointer-events: none functional style on Backdrop parts for hoverable popups #1348

Open
atomiks opened this issue Jan 21, 2025 · 0 comments · May be fixed by #1351
Open

Set pointer-events: none functional style on Backdrop parts for hoverable popups #1348

atomiks opened this issue Jan 21, 2025 · 0 comments · May be fixed by #1351
Labels
bug 🐛 Something doesn't work has workaround

Comments

@atomiks
Copy link
Contributor

atomiks commented Jan 21, 2025

The Backdrop blocks the Trigger and causes mouseleave to fire on it, which then causes the popup to close immediately.

Applies to:

  • PreviewCard
  • Popover + openOnHover (with it being triggered on hover)
  • Menu + openOnHover (with it being triggered on hover)

Workaround

Apply pointer-events: none yourself:

<Backdrop style={{ pointerEvents: 'none' }} />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug 🐛 Something doesn't work has workaround
Projects
None yet
Milestone
No milestone
1 participant
@atomiks