Dialog component captures clicks / hovers of non-dialog elements stacked on top of it

[philipperolet]

Hello,
Thanks a lot for the work, we use headlessUI heavily! I've come across an issue in which when an element is stacked on top of a Dialog, i.e. with higher z-index, the Dialog captures the mouse events such as hover and clicks and the top element does not receive them.

An example below, with a notification: on the screenshot I hover on the 'x' button of the notification (the pointer is not visible due to a screenshotting effect), but it is the modal button behind that is hovered, and receives the click. Notifications are not part of the modal (they may come from outside events from the application) so nesting them inside the modal is not an option

I could not find a workaround elsewhere, is there a solution that I missed? I would be glad for any help
Thanks!