search

timolins / react-hot-toast

Smoking Hot React Notifications 🔥
https://react-hot-toast.com
MIT License
9.44k stars 309 forks source link

Pause on Hover does not work with Headless UI #325

Open Abdulrahmanelheyb opened 8 months ago

Abdulrahmanelheyb commented 8 months ago

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. image

Kind regards. Abdulrahman Elheyb

EtienneGuilletPackative commented 3 months ago

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

hoanguye99 commented 1 week ago

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.