Leaflet: Allow user NOT to have the popup fadeOut animation on closepopup (v1 beta2)

If you are already styling popups, just add this bit of CSS:

.leaflet-fade-anim .leaflet-popup {
  transition: none;
}

let us choose to have/not have fadeIn/fadeOut of popups independently of each other rather than the global option fadeAnimation true/false.

Just add a CSS class to those popups you want to disable fade anims for, and use the same bit of CSS :-)

I don't think this is a very important feature to have, specially when it can be worked around with a bit of extra CSS.

Thanks. But It skip the fadeIn too in the meanwhile...

It's not very important though, you're right.
It can be done by stripping a few lines in the source code (it's bad, I know:).
When removing popup, I skip the IF part to avoid the fadeOut :

L.Popup = L.Layer.extend({
    ...

    onRemove: function (map) {
        //if (map._fadeAnimated) {
        //  L.DomUtil.setOpacity(this._container, 0);
        //  this._removeTimeout = setTimeout(L.bind(L.DomUtil.remove, L.DomUtil, this._container), 200);
        //} else {
            L.DomUtil.remove(this._container);
        //}
        map.fire('popupclose', {popup: this});
        if (this._source) {
            this._source.fire('popupclose', {popup: this}, true);
        }
    },
    ...

)}

@remilev Please don't modify the minified version of the source code. No one can understand that.

@IvanSanchez Thanks!

.leaflet-fade-anim .leaflet-popup {
  transition: none;
}

This works for me.