title: Unable to preventDefault inside passive event listener
body: <p>I'm using <a href="https://framework7.io/docs/sortable-list.html" rel="noreferrer">Framework7 sortable list</a> and it works well, just that it doesn't trigger an event when the list is changed. </p>
  
  <p>So I'm trying a few built-in events:</p>
  
  <pre><code>$('.sortable-handler').on('touchstart', function (e) {
      e.preventDefault();
      alert('touchstart');
  });
  
  $('.sortable-handler').on('touchmove', function (e) {
      e.preventDefault();
      console.log('touchmove');
  });
  
  $('.sortable-handler').on('touchcancel', function (e) {
      e.preventDefault();
      console.log('touchcancel');
  });
  
  $('.sortable-handler').mouseleave(function (e) {
      e.preventDefault();
      console.log('mouseleave');
  });
  </code></pre>
  
  <p>.. but all I get is:</p>
  
  <blockquote>
    <p>Unable to preventDefault inside passive event listener due to target
    being treated as passive. See
    <a href="https://www.chromestatus.com/features/5093566007214080" rel="noreferrer">https://www.chromestatus.com/features/5093566007214080</a></p>
  </blockquote>
  
  <p>Which event should I look for to get the updated list on every sort?</p>