Unable to preventDefault inside passive event listener
- Dominant language
- JavaScript
- Stars
- 11.9k
- Forks
- 2.1k
- PR merge metrics
- No merged PRs in 30d
Description
First of all, thanks for porting Slick to React, highly appreciated!
When executing some event handlers inside my slides, I am getting this error:
``[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080``
The error occurs in method `swipeMove` here:
```js
if (touchObject.swipeLength > 10) {
state["swiping"] = true;
e.preventDefault();
}
```
https://github.com/akiran/react-slick/blob/master/src/utils/innerSliderUtils.js#L412
This only happens if I wrap these components with the slick carousel and breaks the functionality of the components.
Any idea what might cause this?
One thing to notice: it happens if the slide contains a React Bootstrap Modal and the event is called from within such a modal.
Contributor guide
Assessment
This issue has not been assessed yet.