primitives icon indicating copy to clipboard operation
primitives copied to clipboard

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

Open Foulks-Plb opened this issue 4 months ago • 0 comments

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

Foulks-Plb avatar Oct 11 '24 08:10 Foulks-Plb