Bug: u-notification Not Clickable When Positioned Over u-slideoveror or u-modal

[yashodaAgarwal]

Environment

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

Version

^2.17.0

Reproduction

https://stackblitz.com/edit/nuxt-ui-um7dcx8a?file=app.vue

Description

In a Nuxt project using Nuxt UI, when a u-notification appears over a u-slideover, the notification is not clickable. The issue occurs because the u-slideover element blocks interactions with elements positioned above it.

I have provided a reproduction link above where if you open the slideover, a notification appears after 1 sec and the notification is not interactive (action button does not work).

Additional context

No response

Logs