You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
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".
The text was updated successfully, but these errors were encountered:
hashboard-charlie
changed the title
Delay opened HoverCards do not cancel their open delay correctly inside of DropdownMenus
Delay opened HoverCards do not cancel their open delay inside of DropdownMenus
Apr 18, 2024
Bug report
Current Behavior
If you use a
HoverCard
with aopenDelay
inside of aDropdownMenu
, 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
'sopenDelay
timer should be cancelled if your mouse moves outside of the trigger area, even when being used inside of aDropdownMenu
.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
orTooltip
or whatever else. I had originally tried with aTooltip
, 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
The text was updated successfully, but these errors were encountered: