Nested Popover closes PreviewTrigger when hovered

[kveperedo]

Provide a general summary of the issue here

I am trying to use a Select (uses a Popover) inside a PreviewTrigger's Popover. The nested Popover opens as expected, but when moving the pointer into it, the PreviewTrigger popover closes because the nested popover is rendered outside the boundary of the preview popover.

🤔 Expected Behavior?

The PreviewTrigger popover should remain open while hovering or interacting with a nested Popover that was triggered from within the preview content.

😯 Current Behavior

The nested Popover opens, but when moving the pointer from the PreviewTrigger popover into the nested popover, the preview popover closes.

Since the nested popover is rendered outside the boundary of the PreviewTrigger popover, moving the pointer into it is treated as leaving the preview area. This causes the preview popover to close and prevents interaction with the nested popover.

💁 Possible Solution

No response

🔦 Context

I want to use popover-related elements like select and combo box inside the preview triggers's popover

🖥️ Steps to Reproduce

https://stackblitz.com/edit/vitejs-vite-thiynja4?file=src%2FApp.tsx

Version

1.20.0

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

macOS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response