ios: dragging=false but scrolling on map not possible

How to reproduce

• Leaflet version I’m using: 1.0.3
• Browser (with version) I’m using: Safari/602.1
• OS/Platform (with version) I’m using: iOS 10

What behaviour I’m expecting and which behaviour I’m seeing

When dragging is disabled, i expect the page to scroll when i drag over the map on ios. instead, nothing happens. on android i can scroll by dragging if dragging=false.

Minimal example reproducing the issue

On ios, it’s not possible to scroll the page when dragging on the map:

https://jsfiddle.net/geg8yLe3/

This is similar to #5343

[SimonEast]

I can confirm that the following code seems to be a valid workaround for ensuring that a single finger scrolls the page and not the map, while still allowing for two-finger zoom+pan of the map, as well as tapping on markers. This improves usability on mobile when a map is a part of a larger page that requires scrolling.

L.map('map', {
    dragging: !L.Browser.mobile,
    tap: !L.Browser.mobile
})

Confirmed in iOS 10 Safari and Chrome. Not yet fully tested on Android.

[perliedman]

@herrernst huh, nice analysis! Thanks!

It is definitely the tap handler that causes this. Looking at the test code we used in #4051, we actually had tap: false.

So, for now, the workaround is to not only set dragging: false but also tap: false to achieve desired behavior.

I’ve submitted #5670 in an attempt to address this, so that we do not preventDefault for the source of a simulated event unless there is handler for the simulated event.