Unable to preventDefault inside passive event listener invocation.

[zigi05]

After a recent Chrome update, the following error began occurring on mobile swipe:

Unable to preventDefault inside passive event listener invocation.
touchmoveHandler @ baguetteBox.js:107

[zalevsk1y]

Google changed the default behavior of touch listeners, now they are passive. The same thing in iOS/Safari since version 11.3. And as Google explains:

Registering the event listeners as passive tells the browser that the listeners will not call preventDefault() and the browser can safely perform scrolling and zooming without blocking on the listeners.
So you cannot call preventDefault inside passive event listener.

Solutions:

• Set css property touch-action:none to body. Not supported by iOS/Safari.
• Set passive property to false.
  var options = supports.passiveEvents ? { passive: false } : null;

[feimosi]

Fixed in v1.11.1