timtnleeProject/vuejs-clipper

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

dewita opened this issue · 3 comments

dewita commented

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 ? :)

dewita commented

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

error_case

timtnleeProject commented

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 })
  }
}
dewita commented

Seems clear !

Thanks for your maintenance @timtnleeProject

  • ❤️1