invalidateSize does not work in Firefox when print view triggered

When print view event triggered, then leaflet map.invalidateSize() works in Chrome, but not in Firefox. Firefox version: 53.0 (32-bit) Chrome version: 58.0.3029.81 Leaflet version: 1.0.3

How to reproduce

On page: http://leafletjs.com/index.html To console: JS code:

• Chrome:

window.matchMedia('print').addListener(
   function(printView){
      if (printView.matches){
         map.invalidateSize();
      }
   }
)

• Firefox:

window.addEventListener('beforeprint', 
   function() {
      map.invalidateSize();
   }
);

What behaviour I’m expecting and which behaviour I’m seeing

Expecting: You should see same center on map in print view after map.invalidateSize() triggered, than you see in screen view. In Firefox: map.invalidateSize(); is triggered, but map does not rendered to the new size.

[IvanSanchez]

No, you have the same “problem” in chrome if you fiddle with the “custom margins” functionality:

Again, that’s reflowing content without triggering more events.

This is one case of “it’s just not possible to detect this in a web browser”. Detecting reflows in a reliable and performant is impossible. That’s why we still have map.invalidateSize(). 😦

[nyikesda]

Thank you.