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

[shrilakshmishastry]

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]

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.