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

[GlebMatveev]

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.

PrimeVue.Slider.Bug.mp4

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]

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]

Components use .passive and .prevent together !

[pauldps]

This is also happening with the Knob component.