Blazored / Toast

A JavaScript free toast library for Blazor and Razor Component applications
https://blazored.github.io/Toast/
MIT License
663 stars 92 forks source link

[Bug] #108

Closed cryo75 closed 3 years ago

cryo75 commented 3 years ago

I placed the component in my main layout (above all other components). My layout is based on a header, left navigation menu and content components.

The toast is being displayed above the content but below the header. How can I make it display above all other components? How can I access the z-order?

chrissainty commented 3 years ago

Can you provide a minimal repro of the issue. Once that is done I can offer some advice and we can get this resolved.

jbarrineau06 commented 3 years ago

You just need to adjust the z-index on the class "blazored-toast-container". At least that's what I did.

.blazored-toast-container { z-index: 1031; }

cryo75 commented 3 years ago

It worked