framework7滑动删除列表触发chrome 报错解决办法

使用

<div class="list-block">
                                    <ul>
                                        <li class="swipeout">
                                            <div class="swipeout-content item-content">
                                                <div class="item-inner">张三</div>
                                            </div>
                                            <div class="swipeout-actions-right">
                                                <a href="#" class="action1 bg-red">删除</a>
                                            </div>
                                        </li>
                                        <li class="swipeout">
                                            <div class="swipeout-content item-content">
                                                <div class="item-inner">李四</div>
                                            </div>
                                            <div class="swipeout-actions-right">
                                                <a href="#" class="action1 bg-red">删除</a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>

这段代码的时候,滑动删除按钮会在PC的谷歌上报出  framework7.min.js:4 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080

的错误提示,这里应该是和谷歌设置了被动监听有关系,这里的处理办法是在 

swipeout 或者
swipeout-content上加入样式:
.swipeout-content { 
    touch-action: none; 
}

问题解决,stackoverflow原文:

If you're call preventDefault on every touchstart then you should also have a CSS rule to disable touch scrolling like .sortable-handler { touch-action: none; }

posted @ 2018-10-08 10:44  洛晨随风  阅读(311)  评论(0编辑  收藏  举报