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

Bug Report: Unexpected Closing of HoverCard When Interacting with Select Component inside #3175

Open
Foulks-Plb opened this issue Oct 11, 2024 · 0 comments

Comments

@Foulks-Plb
Copy link

Bug report

Current Behavior

When using Radix's HoverCard and Select components together, a bug occurs where clicking on the Select inside the HoverCard immediately closes the HoverCard, making it difficult to select an option. However, if the user clicks on Select and quickly moves the cursor towards the SelectContent area, the HoverCard remains open, allowing the interaction to proceed.

Expected behavior

When clicking on Select within the HoverCard, the HoverCard should remain open to allow option selection without interruption. The HoverCard should only close if the cursor leaves the content area entirely.

Reproducible example

CodeSandbox Template

Software Name(s) Version
Radix Package(s) @radix-ui/react-hover-card, @radix-ui/react-select 1.1.2, 2.1.2
React react, react-dom 18.2.0
Browser Brave, chrome
Assistive tech
Node
npm/yarn npm
Operating System Windows
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