Unable to preventDefault inside passive event listener

Question

I m using Framework7 sortable list and it works well  just that it doesn t trigger an event when the list is changed    So I m trying a few built-in events       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             but all I get is      Unable to preventDefault inside passive event listener due to target   being treated as passive  See   https   www chromestatus com features 5093566007214080   Which event should I look for to get the updated list on every sort

User · Answer

To still be able to scroll this worked for me if  e changedTouches length  gt  1  e preventDefault

User · Answer

I am getting this issue when using owl carousal and scrolling the images   So get solved just adding below CSS in your page    owl-carousel   -ms-touch-action  pan-y  touch-action  pan-y      or   owl-carousel   -ms-touch-action  none  touch-action  none

User · Answer

In plain JS add   passive  false   as third argument  document addEventListener  wheel   function e        e preventDefault        doStuff e        passive  false

User · Answer

See this blog post   If you call preventDefault on every touchstart then you should also have a CSS rule to disable touch scrolling like   sortable-handler     touch-action  none

User · Answer

To handle sortable list in Framework7 when user release currently sorting element in new position  you can use this code         li   on  sortable sort  function event       alert  From     event detail startIndex     to     event detail newIndex           Fiddle   https   jsfiddle net 0zf5w4y7

User · Answer

For me   document addEventListener  mousewheel   this mousewheel bind this     passive  false       did the trick  the   passive  false   part

[javascript] Unable to preventDefault inside passive event listener

Examples related to javascript

Examples related to jquery

Examples related to html-framework-7