util.js:40 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. code example

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

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

Example 2: Added non-passive event listener

elementRef.addEventListener("touchstart", handler, passiveEvent);

Example 3: [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