Auto-detect changes to map size (and invalidateSize)

I have a map that’s styled like this:

#map {position: absolute; top: 10px; left: 10px; right: 10px; bottom: 90px;}

… i.e. it has no explicit height. So, of course, leaflet isn’t rendering all of the tiles. However I do setTimeout(map.invalidateSize.bind(map)), after creating the map it renders properly.

This has me thinking that it’s not actually necessary for the map to have an explicit height - it’s just a question of insuring Leaflet is smart about detecting the height at the appropriate time.

[danzel]

I believe this is the same issue as seen on #926 The hidden element causes it, you can’t measure a display:none element.

You can simplify the code a bit: http://jsfiddle.net/dCK8j/6/ Just need to do

    map.invalidateSize();​

after making it display:block

[mourner]

Closing the issue as we don’t want to implement this for performance, browser support and insignificance reasons (you can easily just use invalidateSize when necessary).