search

minutemailer / react-popup

React popup component
http://minutemailer.github.io/react-popup/
MIT License
208 stars 71 forks source link

CSS styles acting differently in development vs production #59

Closed rtman closed 5 years ago

rtman commented 5 years ago

hey I'm having trouble with this package showing correctly in production, whereas it works correctly in development.

basically these two classes seem to the issue:

.mm-popup {
    display: none;
}
.mm-popup--visible {
    display: block;
}

In development it works, but in production .mm-popup--visible is always set to display: none; it looks like it isn't even taking.mm-pop--visible into consideration and just using .mm-popup.

capture

If I try and set it like this

.mm-popup .mm-popup--visible {
    display: block;
}

The opposite happens, it works in development but not in production.

capture2

Thoughts?

rtman commented 5 years ago

If anyone else is wondering this, it was fixed by using .mm-popup.mm-pop--visible instead of .mm-popup .mm-pop--visible