Adding MapboxDraw breaks 'click' event on mobile #1301
Description
mapbox-gl-js version: 1.13.0
mapbox-gl-draw version: 1.4.3
Steps to Trigger Behavior
- Open in mobile browser (or in web browser and change user agent to mobile using developer tools)
- Click on map
Expected Behavior
Click event should register.
Actual Behavior
Click event doesn't register. When double clicking, then a single 'click' event registers.
<DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<link href="https://api.mapbox.com/mapbox-gl-js/v1.13.0/mapbox-gl.css" rel="stylesheet">
<script src="https://api.mapbox.com/mapbox-gl-js/v1.13.0/mapbox-gl.js"></script>
<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-draw/v1.4.3/mapbox-gl-draw.js'></script>
<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-draw/v1.4.3/mapbox-gl-draw.css' type='text/css' />
</head>
<style>
body { margin: 0; padding: 0; }
#map { position: absolute; top: 0; bottom: 0; width: 100%; }
</style>
<body>
<div id="map"></div>
</body>
<script>
const map = new mapboxgl.Map({
container: 'map',
style: 'enter-your-style'
});
map.addControl(new MapboxDraw(), 'top-left');
map.on('click', () => {
alert('click');
console.log('click');
});
</script>
</html>