Toast resides below top layer element like <dialog> when triggered from them

timolins / react-hot-toast

Smoking Hot React Notifications 🔥

https://react-hot-toast.com

MIT License

9.4k stars 309 forks source link

Toast resides below top layer element like <dialog> when triggered from them #355

Open shrilakshmishastry opened 2 months ago

shrilakshmishastry commented 2 months ago

Issue

I have a modal that is created by
. When I open toast from this modal which is a top layer element , toast resides below the modal.

Here is the screen shot

alwyntan commented 1 month ago

I think you can fix this by putting component inside a Portal that is always above the modal. There are some libraries out there to make that easier, or you can just make your own portal component.