Chrome Intervention: Unable to preventDefault inside passive event listener due to target being treated as passive.

There is a error in google chrome browser:

[Intervention] Unable to preventDefault inside passive event listener
due to target being treated as passive.

This happens due to line 221 in Agile.vue

https://github.com/lukaszflorczak/vue-agile/blob/18f8336215874b310d780675d70c8a30728bc80d/src/Agile.vue#L221

First of all using document.ontouchmove is quite bad practice, as it is not widely implemented as stated in the note in https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/ontouchmove

The actual problem is, that the GlobalEventHandlers.ontouchmove is treated as passive and because of that, it cannot call preventDefault(), as explained under options - passive in https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Parameters

“A Boolean which, if true, indicates that the function specified by listener will never call preventDefault(). If a passive listener does call preventDefault(), the user agent will do nothing other than generate a console warning. See Improving scrolling performance with passive listeners to learn more.”

So instead you would have to call once:

document.addEventListener("touchmove", somefunction, {passive: false})

Within the callback you could than decide to call preventDefault() on the event, if you want to disable default scrolling. For that you would have to set some variable in the state …

[lukaszflorczak]

Should be fixed in version v1.0.12

[DRBragg]

Unfortunately I’m running into the same issue