Delay opened HoverCards do not cancel their open delay inside of DropdownMenus

[hashboard-charlie]

Bug report

Current Behavior

If you use a HoverCard with a openDelay inside of a DropdownMenu, the timer for the open delay fires even if you move the mouse to another item, resulting in the hover card appearing unexpectedly, and not being removed unless you interact with it again.

CleanShot.2024-04-18.at.15.21.03.mp4

Expected behavior

The HoverCard's openDelay timer should be cancelled if your mouse moves outside of the trigger area, even when being used inside of a DropdownMenu.

Reproducible example

CodeSandbox

Suggested solution

I think this is just a bug right? I don't see in what case this would be intended behavior.

Additional context

The underlying desire here is I want some hint text or popup text to appear after a delay in a dropdown menu. I don't care whether that's backed by HoverCard or Tooltip or whatever else. I had originally tried with a Tooltip, but that doesn't work for reasons discussed in #1920. So I moved on to trying with a different component, and ran into this. I'd really settle for any workaround for "I want to show some contextual information about a dropdown item only after a delay".

Your environment

Software	Name(s)	Version
Radix Package(s)	@radix-ui/react-hover-card, @radix-ui/react-dropdown-menu	(both latest) 1.0.7, 2.0.6
React	n/a	17.0.1
Browser	Chrome	123.0.6312.124
Assistive tech	n/a
Node	n/a
npm/yarn	npm	10.2.4
Operating System	macOS	14.2 (23C64)