Highcharts: Multi- [Violation]向滚动阻止的“ touchstart”事件++添加了非被动事件监听器
情况
在MacOS / Chrome上
_CandleStick：当启用StockTools_
控制台中引发了许多明显的未正确处理的eventListner。 主要是指touchstart事件[Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive.
重现
在启用了stock-toos模块的任何基于React的StockChart演示的控制台中，可以很容易地注意到这一点。
这是一个快速的现场演示：
https://codesandbox.io/s/10yv629397
https://www.highcharts.com/stock/demo/stock-tools-gui
视频：
https://i.imgur.com/Z80XISw.mp4
经过测试
MacOS（Mojave）Chrome（版本75.0.3770.100）以及其他Mac机器和Chrome版本。
slashvortal
所有41条评论
感谢您的举报！
@sebastianbochan-您可以看看吗？
pawelfus
于 2019-07-10
内部说明
在stockTools中，默认情况下，我们添加事件（单击/触摸） H.addEvent 。 在函数中，我们应该为触摸事件添加对{passive: true}支持。
sebastianbochan
于 2019-07-11
在您添加被动支持之前，是否有任何快速的解决方法？
slashvortal
于 2019-07-11
嗨@slashvortal ，
此时，您可以覆盖H.addEvent函数，但是重要的是，它必须放在正确的位置（在加载模块之前）。
演示：
sebastianbochan
于 2019-07-12
感谢@sebastianbochan ，我将等待修复，因此可以将其与highcharts-react包装器一起使用。
slashvortal
于 2019-07-12
有解决此问题的计划吗？ @sebastianbochan链接的变通方法演示仍然向我显示了21个与事件相关的违规。
pjanaya
于 2019-11-28
嗨@pjanaya
不幸的是，我们还没有时间对此进行优先排序。
pawelfus
于 2019-11-28
@pawelfus好的，谢谢。 也许您应该考虑删除“具有解决方法”标签？ 因为至少对于我来说，该解决方法似乎不足以消除错误。
pjanaya
于 2019-11-29
内部说明：
这是一个普遍的问题，而不仅仅是Highstock。 我们需要验证所有警告是否正确，有时我们确实需要preventDefault() ，有时我们不能保证开发人员不会通过回调之一调用preventDefault() 。
pawelfus
于 2019-11-29
大家好，有关此问题有任何更新吗？
dave-brown755
于 2020-01-14
嗨@ dave-brown755，
目前，我们尚未处理此案，因此我们没有新的信息。 您是否尝试过使用我们的解决方法？
sebastianbochan
于 2020-01-14
嗨，我没有尝试任何解决方法，因为随后的帖子似乎要求删除解决方法标签。 您是否能够概述实现替代方法以消除错误所需要遵循的确切步骤。 这对我们自己的浏览器性能有很大的影响，我不想脱离高图表，但我们将无法承受产生的大量错误。 希望能对您有所帮助。 谢谢戴夫。
dave-brown755
于 2020-01-14
感谢您的反馈。 我添加了inbox label ，这意味着该票是优先的。
sebastianbochan
于 2020-01-15
嗨，机票的优先顺序有任何更新吗？
dave-brown755
于 2020-01-21
嗨，@ dave-brown755-该票已被优先处理。
pawelfus
于 2020-01-22
我也在等待这个问题解决
https://piyasa.paratic.com/
onur-celik
于 2020-01-27
我可以看到票已被确定优先顺序，但是我在问这意味着什么，被优先处理的票的典型交货时间是多少？
dave-brown755
于 2020-01-27
这意味着一旦完成当前任务，便可以提取票证。 我希望此问题在v8.0.1或v8.0.2中得到解决。
pawelfus
于 2020-01-27
我再也没有在控制台中看到任何警告（最新的Chrome 80）。 在3台计算机（Mac和Windows 10）上进行了测试。 有人可以确认问题是否仍然存在，并提供重现该问题的确切步骤吗？
raf18seb
于 2020-02-21
我正在使用v8.0.2，但仍然看到此消息。 :(
beans9
于 2020-03-04
只是一个说明性说明：v8.0.1已发布（和v8.0.2），而v8.0.3将由于其他关键错误而很快发布。 当我说我希望在v8.0.2中解决此问题时，与发布的时间表无关。
@ raf18seb几天前尝试调试此问题，但无法重新创建。 任何更多详细信息（操作系统+ chrome版本）或新的实时演示-高度赞赏。
pawelfus
于 2020-03-05
@pawelfus我们也看到了这种违规，最新版本为8.0.4。 我们将回滚到5.0.11，该问题不存在，但希望尽快进行更新。
@ onur-celik在上面的链接发布了调试存在的问题。 https://piyasa.paratic.com/
我正在使用带有Chrome 80的Mac。
MitchellFry
于 2020-03-26
谢谢！ 我可以看到这两个错误。 这两个事件都可能被阻止-例如，当您在图表上移动手指以查看工具提示时，则您不想滚动页面。 Chrome浏览器不应显示此违规行为（根据规范，默认设置为passive: true 。）。
@ raf18seb-您可以再次检查吗？ 也许是操作系统相关的问题？
pawelfus
于 2020-03-27
我确认，现在可以重现-Windows的控制台中有相同的错误。
raf18seb
于 2020-03-27
嗨，这个问题解决了吗？ 这个问题有什么解决办法吗？ 我在使用highchart从API获取复杂数据时遇到了同样的问题
jllim97
于 2020-04-20
该问题尚未解决。 目前，我们没有此机票的预计到达时间，但属于我们的优先顺序较高的机票组。
sebastianbochan
于 2020-04-20
好，谢谢你的答复
jllim97
于 2020-04-20
我也非常感谢对此问题的修复，或者仅是何时发布的说明。
rocklan
于 2020-05-13
我很高兴看到此问题“正在进行中” :)
onur-celik
于 2020-07-13
您已经在这里提到固定。 这些更改何时可以在CDN版本中应用。
sharmankita
于 2020-08-07
嗨， @ sharmankita-问题仍然带有in progress标签。 这意味着它尚未修复，我们仍在努力。
pawelfus
于 2020-08-07
嗨，对此有何更新？ 是否有ETA可以解决？
violetVo
于 2020-10-12
@violetVo ，您好-没有ETA，我们仍在努力中。
我个人的估计：应该在接下来的两个版本中准备好。
pawelfus
于 2020-10-13
当事件被标记为“被动”时会发生什么？
elm.on("touchstart", function(ev) {
// stuff
}, {
passive: true // does this option help?
});
richardeschloss
于 2020-10-13
我不确定@richardeschloss是什么意思-您能详细说明吗？ 我将尝试一一回答您的问题：
当事件被标记为“被动”时会发生什么？
请参阅此处的描述： https :
被动：true //此选项有帮助吗？
这不适用于iOS上的IE和Safari。
pawelfus
于 2020-10-14
Pawel，看来Rafal已经解决了这个问题。 我看到了PR，可以帮助回答我的问题。 谢谢。
richardeschloss
于 2020-10-15
终于🥰
onur-celik
于 2020-11-10
你好
感谢您的修复！ 它在版本8.2.2中可用吗？
violetVo
于 2020-11-10
嗨@violetVo v8.2.2大约2周前发布了。 该修复程序将在下一版本中提供。
pawelfus
于 2020-11-12
@pawelfus您是否有下一个发布时间表？ 就是想。
希望您和团队安全（re：covid）！
forgivegod
于 2020-12-04
谢谢@forgivegod ，我们很好👍希望您也很好！
下一个版本应在几周内准备就绪
pawelfus
于 2020-12-07
相关问题
sebastianbochan
·
3评论
Rahza
·
3评论
balupton
·
3评论
Dunge
·
3评论
alirezameftahi71
·
3评论
最有用的评论
我确认，现在可以重现-Windows的控制台中有相同的错误。