[Bug]: Toaster has a lower z-index than Tairomodal

[gertjanjansen]

Demo URL

No response

What happened?

When a toaster is triggered from a modal, the toaster message appears behind the modal's overlay, making it nearly invisible.

I did some digging and think I found the problem:

• Tairo modal has a z-[9999] class:
• The toaster's nt-container has a lower z-index: https://github.com/cssninjaStudio/nuxt-toaster/tree/main

I think by default the modal should have a lower z-index, or the toaster a higher one.

Reproduction steps

1. Create a modal
2. Trigger a tairo toaster
...

Relevant log output

No response

What browsers are you seeing the problem on?

Chrome

What is your operating system?

MacOS

[gertjanjansen]

I applied a quickfix in my own project:

#nt-container {
  z-index: 10000 !important;
}

[driss-chelouati]

Fixed in: 13e9a0f