primefaces / primevue

Next Generation Vue UI Component Library
https://primevue.org
MIT License
10.25k stars 1.21k forks source link

Slider: "Unable to preventDefault inside passive event listener invocation" in primevue_slider.js (touchmove) #5745

Open GlebMatveev opened 5 months ago

GlebMatveev commented 5 months ago

Describe the bug

Hello!

I'm getting the error "Unable to preventDefault inside passive event listener invocation" in primevue_slider.js when I use the Slider component on a mobile device (Android, Chrome).

The error is only reproduced on a mobile device when moving the slider with a finger.

When moving the slider with the mouse, the error does not occur.

I'm guessing the error is related to the touchmove event.

Screenshot_4

https://github.com/primefaces/primevue/assets/46741863/8f965998-2f83-48ef-8e1c-7e0c303a9786

Reproducer

https://stackblitz.com/edit/vitejs-vite-2taiwj

PrimeVue version

4.0.0-beta.2

Vue version

3.x

Language

ALL

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

The error can be reproduced by opening my example at https://stackblitz.com/edit/vitejs-vite-2taiwj, connecting the mobile device to the PC and opening the console (chrome://inspect/#devices).

Expected behavior

No response

Ben-Avrahami commented 5 months ago

i have the same issue on 3.51.0 seems to also be happening at the official documentation sliders https://tailwind.primevue.org/slider/#input

caryhgq commented 3 weeks ago

Components use .passive and .prevent together ! image