Added non-passive event listener to a scroll-blocking 'touchstart' event

Question

Suddenly today, out of nowhere, I started getting this one on every page on our website

Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive 

And its not just once or twice.. its like thousands of them....

They are running amok.

The only way to stop the flood of violations is to comment out this line

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script> 

I read the other posts on what this violation means, but I really cannot see that I did anything different between two hours ago and now (I did a full rollback just to see if it helped)

It's almost like someone put a bug into jquery.min.js but I seriously doubt that, because then everyone would get it.

Any ideas? I tried debugging everything I could and I still have no idea what causes this?!?

UPDATE

I replaced all <button><md-tooltip>text</md-tooltip></button> with <button data-toggle="tooltip" title="text"></button> This removed 99% of all the violations.

Answer 1

This solve the problem to me:

jQuery.event.special.touchstart = {   setup: function( _, ns, handle ){     if ( ns.includes("noPreventDefault") ) {       this.addEventListener("touchstart", handle, { passive: false });     } else {       this.addEventListener("touchstart", handle, { passive: true });     }   } };