[USelectMenu] [UPopover] Can't open click button inside popover panel in select menu option

[SedanaYoga]

Environment

• Operating System: Linux
• Node Version: v18.20.3
• Nuxt Version: 3.14.1592
• CLI Version: 3.15.0
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: default
• Runtime Modules: @nuxt/[email protected]
• Build Modules: -

Version

2.19.2([email protected])([email protected])

Reproduction

https://stackblitz.com/edit/nuxt-ui-dvarzb

Description

I tried to add new functionality on USelectMenu to have information icon on select menu option so that when you hover on it, it will trigger UPopover to display important detail of the object including an action button to open a slideover.

I tried it on multiple mode and single mode. But the implementation was not working on single mode. To give you more context, I'm using @mouseenter and @mouseleave events on the popover panel slot in order to detect whether I'm on the popover panel and to prevent clicking the option when I'm clicking the Open detailed view button.

The issue was when I'm in single mode and tried to hover on the icon then clicked the Open detailed view button, it closes both the popover and the select menu.

I expect it would open the slide over both in multiple and single select menu.

Additional context

No response

Logs