added non-passive event listener to a scroll-blocking 'touchstart' event. consider marking event handler as 'passive' to make the page more responsive. vuejs code example

Example 1: Added non-passive event listener to a scroll-blocking 'wheel' event

document.addEventListener('touchstart', handler, {passive: true});

Example 2: [Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See [Violation] 'setTimeout' handler took 59ms

jQuery.event.special.touchstart = {
    setup: function( _, ns, handle ) {
        this.addEventListener('touchstart', handle, { passive: !ns.includes('noPreventDefault') });
    }
};
jQuery.event.special.touchmove = {
    setup: function( _, ns, handle ) {
        this.addEventListener('touchmove', handle, { passive: !ns.includes('noPreventDefault') });
    }
};

Tags:

Misc Example