title: preventDefault inside passive event listener ( MapboxGL.js )
body: <p>I use MapboxGL.js, when tapping on a polygon I want to call my function (for example, to open a popup).</p>
  <p>On mobile devices, there is an error when <code>touchstart</code> event (line 103 in jsfiddle script):</p>
  <blockquote>
  <p>&quot;Unable to preventDefault inside passive event listener invocation&quot;.</p>
  </blockquote>
  <p>Can anyone explain why this error occurs on a mobile phone but not on a desktop computer?</p>
  <pre><code>  map.on('touchstart', 'places', function(e) {
  
      const features_in_point = map.queryRenderedFeatures(
        [e.point.x, e.point.y], 
        {
          layers: ['places']
        }
      );
      
      const selected_ids = features_in_point.map(f =&gt; f.id);
      const selected_features = PLACES_GEOJSON.features.filter(f =&gt; selected_ids.includes(f.id))
  
      draw.deleteAll(); 
      draw.add({
          'type': 'FeatureCollection',
          'features': selected_features
      });
  
    });
  </code></pre>
  <p>Here's a JSfiddle with an example:<br />
  <a href="https://jsfiddle.net/petrovnn/ose40zpL/2/" rel="noreferrer">https://jsfiddle.net/petrovnn/ose40zpL/2/</a></p>
  <p><a href="https://i.stack.imgur.com/RvQcG.png" rel="noreferrer"><img src="https://i.stack.imgur.com/RvQcG.png" alt="enter image description here" /></a></p>