Blazored/Toast

Toast with low z-index

drma-tech opened this issue · 3 comments

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

image

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

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

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.