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.84k stars 331 forks source link

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

Open shrilakshmishastry opened 7 months ago

shrilakshmishastry commented 7 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 6 months 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.