Move toast in front of modal.

[MikeBrownCygnia]

Hi Chris,

I am using Toast and Modal together, however when I launch a toast from a click within a modal, the toast appears behind the transparent overlay. Can I move this in front of it?

Kind thanks, Michael

[chrissainty]

I think you can fix this by applying a higher z-index to the toast. This is the class you need to override:

.blazored-toast-container {
   z-index: 1; //<-- set this to as higher number as you need to make it the top element.
}

[SirQuillium]

Did anyone successfully have the toast show in front of the modal ?

Bests,
D

[jonrouellette93]

This worked for me:

.blazored-toast-container { z-index: 9999!important; }