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

goldenyz / react-perfect-scrollbar

A react wrapper for perfect-scrollbar

MIT License

480 stars 91 forks source link

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL> #133

Closed acatzk closed 3 years ago

acatzk commented 3 years ago

When my application resize into mobile and when i try to scroll it using scrollbar it got me this error [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See

HOW CAN I FIX IT?

jeremie-gauthier commented 3 years ago

Hey !

I ran into the same issue and fixed it by adding style={{ touchAction: "none" }} to the ScrollBar component.

import ScrollBar from "react-perfect-scrollbar";

<ScrollBar style={{ touchAction: "none" }}>
  ...
</ScrollBar>

Hope it helps !

acatzk commented 3 years ago

Hey !

I ran into the same issue and fixed it by adding style={{ touchAction: "none" }} to the ScrollBar component.
import ScrollBar from "react-perfect-scrollbar";

<ScrollBar style={{ touchAction: "none" }}>
  ...
</ScrollBar>
Hope it helps !

Its also works for me.... thank you bro!