[re-create] The HoverCard called within the Dialog unintentionally disappears.

[srkw]

Description

Hello,

I previously opened an issue and received a response, but since the problem remains unresolved, I'm creating another issue.

I am currently using @chakra-ui/react and @chakra-ui/cli version 3.3.1.
When I call HoverCard inside DialogContent, hovering over the HoverCardTrigger displays the HoverCardContent on the screen. However, when I hover over the HoverCardContent, it disappears.

Unfortunately, this issue occurs intermittently but frequently enough to notice (about 50% of the time, perhaps).

I would like to create a UI where a button inside the HoverCardContent can be clicked after the HoverCardContent is displayed.

@segunadebayo previously provided the following URL to me, but even after trying the suggested solution, it still doesn't work.
Moreover, the same issue occurs in the sample code from the official documentation.

2025-01-20.11.00.26.mov

Could you please let me know if there is a solution?

Link to Reproduction

https://stackblitz.com/edit/chakra-ui-v3-nxrpynzj?file=src%2FApp.tsx,package.json

Steps to reproduce

1. Open "Reproduction" URL.
2. Click on 'First, Click me' button.
3. Hover on 'Second, Hover me' button.
4. Try to hover HoverCard Content.

Chakra UI Version

3.3.1

Browser

Google Chrome 132.0.6834.84

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[srkw]

I understand you’re busy, but I would really appreciate it if you could take a look when you have a moment.

Thank you so much for your excellent work! @segunadebayo

[segunadebayo]

Moved to Zag.js where it'll be fixed.