primitives
primitives copied to clipboard
Bug Report: Unexpected Closing of HoverCard When Interacting with Select Component inside
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
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 |