search

unovue / radix-vue

Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps.
https://radix-vue.com
MIT License
3.74k stars 233 forks source link

[Bug]: "Hover Card" component is missing is-hovering check #994

Closed phosmium closed 5 months ago

phosmium commented 5 months ago

Reproduction

https://www.shadcn-vue.com/docs/components/hover-card.html

Describe the bug

Hi. Looks like the "Hover Card" component is missing a is-hovering check. If you hover quickly over a hover card, it will popup the card without actually currently hovering.

  1. Go to https://www.shadcn-vue.com/docs/components/hover-card.html
  2. Quickly hover over @vuejs
  3. Observe that the "Hover Card" will pop-up when you're not even hovering on it

This is not the same behavior as on https://ui.shadcn.com/docs/components/hover-card. This also gets messy when you have a lot of Hover Cards, as they all will pop-up

System Info

Browsers

Contributes

sadeghbarati commented 5 months ago

Hi, Can you record a video, please?

HoverCard popover has some delay before hiding that delay helps to keep the popover open when the mouse is inside the popover area

phosmium commented 5 months ago

Hey @sadeghbarati, here is the requested video:

firefox_sIyUUfgDMJ

sadeghbarati commented 5 months ago

@phosmium Thanks

sadeghbarati commented 5 months ago

@zernonia Can you please transfer this issue to radix-vue