search

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

Toast with low z-index #101

Closed drma-tech closed 3 years ago

drma-tech commented 3 years ago

I'm using a bootstrap feature in which the button is with z-index 2, there is overlaying the toast.

image

chrissainty commented 3 years ago

You will need to override the .blazored-toast-container class in your CSS and provide a higher z-index.

drma-tech commented 3 years ago

@chrissainty but isn't 1 too low for a floating popup?

chrissainty commented 3 years ago

It depends, if nothing has a higher z-index then no. The problem with z-index is that there is always something which has a conflict for someone, somewhere. If we set it to 999 there will be something which has an index of 1000. It's a trivial task to set the z-index in a project.