Unable to preventDefault inside passive event listener invocation.

[radekdob]

Hello,

mapbox-gl-js version: 1.12
mapbox-gl-draw version: 1.2.0

Steps to Trigger Behavior

1. Add Mapbox Draw control to mapbox map.
2. Open in browser and switch to touch device.
3. Click on map and check console

Just open official web and switch to device toolbar in developer console. Touch a map and check console.
https://docs.mapbox.com/mapbox-gl-js/example/mapbox-gl-draw/

Expected Behavior

Should not generate that issue. If any mapbox layers was added, they are not reacting to click/touch event. Only drawing tools and features which was drawed are "alive".

Actual Behavior

After clicking on map when mapbox draw was added as control, mapbox draw generates error.
Error text :
" Unable to preventDefault inside passive event listener invocation."

[radekdob]

Ok, I guess this error "Unable to preventDefault inside passive event listener invocation." is not bad behaviour.
The issue is that when I was using only pure mapbox, it reacted on "click" event both on touch devices and mouse.
When I added Mapbox draw, event from mapbox mouse click started listening only on mouse click, not as previously on touch too.

Maybe it will help somebody in the furure :)

[petrovnn]

@radekdob I confirm. The problem is urgent.

[walwoodr]

Double confirm -- this is a problem for us as well.

[kartikmalhotra]

Does someone got the solution to this problem

[hahaxiaowai]

I encountered the same problem. I wanted to draw on my mobile phone, but I was stumped by this problem.

[zafrii]

I encountered the same problem. When I add draw tool, other layers click event stop working for mobile browsers. However, the click event works fine for desktop browsers.

[sanjay-k7r]

+1

[bren96]

Running into the same problem, anyone come up with a solution?

[zafrii]

@bren96 this is how I solved it

map.on('click', 'points', function (e) {
    show_popup(e);
});


map.on('touchend', 'points', function (e) {
    show_popup(e);
});

i.e., by adding events for both 'click' and 'touchend'

[luisgurmendezMLabs]

This statement is not correct for mobile devices

mapbox-gl-draw/src/events.js

Line 82 in 2b9ce3e

// This does not stop the touch events from propogating to mapbox though.

[hu-bobo]

I confirm. The problem is urgent !!!