akiran / akiran/react-slick

Unable to preventDefault inside passive event listener

未关闭
#1,650 10 条评论 10 个 reaction 已指派 1 人 已被 @akiran 认领 在 GitHub 查看
priority: High
主要语言
JavaScript
星标
11.9k
派生
2.1k
PR 合并指标
30 天内没有已合并 PR

描述

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.

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。