Pause on Hover does not work with Headless UI

[Abdulrahmanelheyb]

I am working on the admin dashboard panel and I use the Headless UI Modal component to create new records. When an error is returned from the server I create a custom toast but the toast is rendered in the __next div and the Headless UI renders in the portal div.
The problem is the Headless UI Modal renders in front of the toast. In this case "Pause on Hover" property does not work.

Kind regards.
Abdulrahman Elheyb

[EtienneGuilletPackative]

@Abdulrahmanelheyb hello did you by any chance find a solution to put your toaster above the dialog?

[hoanguye99]

I am stuck on the same problem, can't hover or click on the toast's content. Still can't find a solution to this problem.