Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Regression: embedded maps on Android devices will prevent drag-scroll in v0.7.7 (and in 1.0.0-beta)

See original GitHub issue

The trick specified in #2031 to add tap: false to the map options in order to prevent Leaflet from swallowing touchmove events is broken in Leaflet 0.7.7, as well as in 1.0.0-beta.1 and 1.0.0-beta.2. So, for maps that are embedded in part of a page, Leaflet 0.7.5 is the last version I could recommend using if you want to prevent that map from not hijacking touch-scroll (edit: on Android devices).

I have a very simple page you can load in a mobile browser or mobile simulator to test this effect on each of the four versions I’ve specified: http://louh.github.io/nyc-community-boards

The code for this lives here: https://github.com/louh/leaflet-embedded

Issue Analytics

State:
Created 8 years ago
Comments:7 (5 by maintainers)

Top GitHub Comments

1reaction

perliedmancommented, Apr 26, 2016

There must have been a mixup, since the first link above also uses Leaflet 0.7.5, and works 😃

Here’s an example that actually shows this problem in latest master: http://playground-leaflet.rhcloud.com/juge/edit?html,output - it reproduces the issue both in Chrome on Android as well as in desktop Chrome with mobile emulation, as @louh mentions.

0reactions

heldchencommented, Apr 29, 2016

as a workaround until this is fixed .leaflet-container { -ms-touch-action: inherit !important; touch-action: inherit !important; } can be added to the embedding page’s css. tested in chromes device emulator.