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.

disableClickPropagation fails after double tapping map on iOS

See original GitHub issue

IMG_2DE51D162B81-1

Steps to reproduce

Open https://6v1ht.csb.app on iOS device
Double tap on upper 50% of map to zoom
Single tap on overlay element in lower 50% of map

Expected behavior

Single tap on overlay element should not do anything because it is a <div> with disableClickPropagation

Current behavior

Map zooms in

Environment

Leaflet version: 1.7.1
Browser (with version): iOS Safari
OS/Platform (with version): iOS 14.3

Additional context

Also broken on https://shademap.app when you attempt to use slider at bottom of map.
Thank you for maintaining this amazing library. I am investigating the bug and hoping to narrow down the cause. Any guidance is greatly appreciated.

Minimal example reproducing the issue https://codesandbox.io/s/epic-stonebraker-6v1ht?file=/src/index.js

Issue Analytics

State:
Created 3 years ago
Comments:16

Top GitHub Comments

1reaction

johnd0ecommented, Jan 26, 2021

Make sure that map tap handler is disabled.

P.S. But it should not be active in Chrome anyway…

1reaction

ted-piotrowskicommented, Jan 24, 2021

@johnd0e I can confirm #7027 solves this issue, but it creates a new problem: disableClickPropagation no longer stops propagation of double taps.

To reproduce, overlay an element over a map and disableClickPropagation then double tap the element and notice that the map zooms in.

Top Results From Across the Web

My Maps app is not working - zoom/moving - Apple Discussions

Quit the maps app and restart. Go to the home screen first by tapping the home button. Quit/close open apps by double tapping...

Why is double tap still being picked up in this IOS code?

Issue What I can't do is do the same thing (i.e. ignore) a double-click over the callout view, in that the MapKit map...

Leaflet 1.7 documentation - DevDocs

Whether the map can be zoomed in by double clicking on it and zoomed out by double clicking while holding shift. If passed...

leaflet | Yarn - Package Manager

Fast, reliable, and secure dependency management.

v3.3.1 JavaScript Library: All | Mapbox.js

You can subscribe to the following events using these methods. Event, Data, Description. click, MouseEvent, Fired when the user clicks (or taps) the...