timtnleeProject / vuejs-clipper

Vue.js image clipping components using Vue-Rx.

Home Page:https://timtnleeproject.github.io/vuejs-clipper/#/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

dewita opened this issue · comments

Hi !

I'm using the clipper-fixed component to do my stuff but i get the error as written in the title.

This is related to that thread.

can you help me ? :)

As you can see, I have the same problem with your examples.

error_case

Hi @dewita ,
thanks for this important information.
We need to use passive events for a better scrolling experience.

I use it on touch events but missing the wheel event.

Here's where I define window wheel event (src\components\extends\clippo.js)

Original

const rxWheelListeners = {
  beforeCreate() {
    this.wheel$ = fromEvent(window, 'wheel')
  }
}

Will be fixed at next version

const rxWheelListeners = {
  beforeCreate() {
    this.wheel$ = fromEvent(window, 'wheel', { passive: false })
  }
}

Seems clear !

Thanks for your maintenance @timtnleeProject