Wax + Leaflet + IOS: Leaflet zoom control mouse/touch events propagating to map (solved)

[fredleefarr]

This is perhaps more related to Leaflet than wax. When clicking the zoom controls, if the zoom button was over a utfGrid clickable area, then both the map would zoom as well as wax handing a click event.

To solve this, in leaflet.js "_createButton" where the zoom control buttons are created, I added the following to prevent propagation:

L.DomEvent.addListener(link, 'mousedown', L.DomEvent.stopPropagation);
L.DomEvent.addListener(link, 'mouseup', L.DomEvent.stopPropagation);

L.DomEvent.addListener(link, 'touchstart', L.DomEvent.stopPropagation);
L.DomEvent.addListener(link, 'touchend', L.DomEvent.stopPropagation);

Which seems to have fixed the issue.