Error: Cannot read property '1' of null when using map.setView on not visible map

[waltsu]

_getPos-function raises Uncaught TypeError when trying to call map.setView when map is not visible (E.g after calling $('#map').hide(). I've tracked the issue to line 7893 in version 0.5.1. If map-element is not visible, style[L.DomUtil.TRANSFORM] will return 'none' but transformRegex expects matrix-string which causes the error when matches-array is null.

However I don't know enough about the Leaflet to be able to contribute with the pull request. Please share your ideas about the issue and maybe some hints how to properly fix this issue so I can make the pull request.

[jsyrjala]

I hit the same thing with Google Chrome. In my case the map object was detached from the DOM.

The code in question is in L.PosAnimation:

_getPos: function () {
    var left, top, matches,
        el = this._el,
        style = window.getComputedStyle(el);
    if (L.Browser.any3d) {
        matches = style[L.DomUtil.TRANSFORM].match(this._transformRe);
        left = parseFloat(matches[1]);      // here matches == null and causes exception
        top  = parseFloat(matches[2]);
    } else {
        left = parseFloat(style.left);
        top  = parseFloat(style.top);
    }

With Chrome:

L.DomUtil.TRANSFORM == 'webkitTransform'

style is CSSStyleDeclaration object with this kind of contents

CSSStyleDeclaration  {
     ....
  webkitTransform: ""

When map is visible during the setView(), the CSSStyleDeclaration will contain this kind of value:

CSSStyleDeclaration  {
     ....
  webkitTransform: "matrix(1, 0, 0, 1, 95, -227)"

If I set window.L_DISABLE_3D = true; before leaflet is loaded, L.Browser.any3d is set to false and the failing code is avoided, but it results in following stacktrace

Uncaught Error: Invalid LatLng object: (NaN, NaN) 
L.LatLng leaflet-src.js:983
L.Projection.SphericalMercator.unproject leaflet-src.js:1234
L.CRS.pointToLatLng leaflet-src.js:1270
L.Map.L.Class.extend.unproject leaflet-src.js:1693
L.Map.L.Class.extend.getBounds leaflet-src.js:1582
L.Control.Scale.L.Control.extend._update leaflet-src.js:7524
L.Mixin.Events.fireEvent leaflet-src.js:389
L.Map.include._onPanTransitionStep leaflet-src.js:7981
L.Mixin.Events.fireEvent leaflet-src.js:389
L.PosAnimation.L.Class.extend._onTransitionEnd leaflet-src.js:7914
L.PosAnimation.L.Class.extend.stop leaflet-src.js:7878
L.Map.include.setView leaflet-src.js:7934

[jfirebaugh]

I've seen this too.