Slider: [Violation] Non-passive event

[aeruggiero]

Describe the bug

Hi all,
the slider component generates the following error:

To reproduce, just go to the devtools in this page:
https://primevue.org/slider/#api

(I don't know why, but sometimes it shows, sometimes it doesn't)

Thanks!

Reproducer

https://stackblitz.com/edit/primevue-create-vue-typescript-issue-template-uqcxp8?file=src%2FApp.vue

PrimeVue version

3.47.2

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[mertsincan]

Hi,

To be honest, I really don't know anything about this warning. But, I found; https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md

For now, I set a milestone for it. We'll review it before the milestone is released.

[matthew-dean]

@mertsincan In short, any time you add an event listener to scroll, it should have { passive: true } set on it, otherwise you get a performance degradation. The only time you would not have passive: true is if you wanted to actually cancel the scroll event, which is almost never the case. So, any instances in the PrimeVue codebase that are using scroll event listeners must have passive set to true to avoid the warning.