incorrect z-index in minified css

[phil-r]

In minified css that can be found here after installation:node_modules/react-toastify/dist/ReactToastify.min.css
z-index on .toastify class is set to 1, although it should be 999

Not a big deal, but it was a bit confusing ;)

[fkhadra]

Hey @phil-r I had never paid attention, thank you

[hyperh]

Yup getting the same issue, so it appears below some things in my app with higher z-index

[fkhadra]

Yep, cssnano wanted to optimize the css too much 😁 . I was planning to do other stuff and pushing the fix at the same time.

I'll push the fix for the z-index in a few minutes. Other stuff can wait

[fkhadra]

Fix published !

[mrbeen351]

Hi @fkhadra , I just update to version 2.2.1 but still got same issue. It still appears below modal pop-up form when using with react-strap form

[fkhadra]

Hey @mrbeen351,

Did you try to remove npm cache maybe ? If you search the z-index you will see that the z-index is correct.

Tell me if it helps.

[mrbeen351]

Hi @fkhadra , yes I tried, I realized that z-index of modal form is 1050, but when I change z-index to 1051 or larger it still appears below. I don't know why. I also checked the z-index and saw z-index is 999.

[fkhadra]

So If I understand you have overwritten the z-index of .toastify and still have the issue?
If yes could you provide a snippet so I can help you to debug?

[mrbeen351]

Hi @fkhadra , Sorry I think this fault is because of my code. I just create simple example with modal and it displays correctly. Thanks for your kindly support :)

[fkhadra]

Perfect ! Have a nice day