MaxBounds does not work in Y dimension

[thisissami]

Hello,

I have a little leaflet app as follows:

    var map = L.map('map',{maxBounds:[[85.05,-180.01],[-85.06,180.05]]}).setView([0, 0], 2);
        L.tileLayer('/{z}/{x}/{y}.png', {
            minZoom: 1,
            maxZoom: 5,
            tms: true,
            noWrap: true
        }).addTo(map);

        map.on('click', function(e){
            console.log(e.latlng.toString());
        });

I set the maxBounds by going to the corners of the map and clicking, which outputs the coordinates into my console (as per the code above).

When I pan left or right (west or east) past my bounds, the map immediately drags itself back to be within the bounds (as soon as I let go of the mouse). However, when I go north/south/up/down past the limits of my bounds, absolutely nothing happens. I can get to the point where there is only gray shown and no map at all, despite it all being well past the boundaries set above.

I did some testing, and noticed that if I lowered the Latitude numbers to ~80, there would be a little bit of "pulling the map back" after going past the bound, but still not enough to bring the view back into the bounds completely.

The map acts this way whether or not noWrap is set and whether or not continuousWorld is set.

Any ideas as to whether I'm doing something wrong or if maxBounds is missing some functinoality?

Sami

[jonigiuro]

I'm using version 5.1 where it should be fixed (in the changelog I see it's been fixed in 5.0) but I'm still experiencing the same issue. When values are bigger than 80, it doesn't pull the user back inside the bounds

var southWest = new L.LatLng(75, -180),
    northEast = new L.LatLng(-75, 180),
    bounds = new L.LatLngBounds(southWest, northEast);

var map = L.map('map', {
    minZoom: 2,
    maxZoom: 3,
    maxBounds: bounds,
    center: [0,0],
    zoom: 2
})

[mourner]

It's fixed in master version.

[jonigiuro]

You are right, kind sir. Thanks