[Bug]: HoverCard hover area overlaps surroundings if content width is too big #2203
Description
Environment
Developement/Production OS: any
Node version: 20.12.0
Package manager: [email protected]
Reka UI version: 2.5.1
Vue version: 3.5.21
CSS framework: none
Client OS: any
Browser: anyLink to minimal reproduction
https://codesandbox.io/p/devbox/nuxt-ui-vue-f2qp34
Steps to reproduce
Hover the "HoverCard" element, then move cursor outside to the left/right element.
The bug doesn't happen if you hover HoverCard then HoverCardContent then outside.
Describe the bug
The HoverCardContent remain displayed.
Expected behavior
The HoverCardContent disapear when its parent is no longer hovered.
Context & Screenshots (if applicable)
Original issue: nuxt/ui#5083
Don't mind the name or the url, I started with the codesandbox template from Nuxt UI.