Select标签中的被动事件监听器

Question

点击选择元素会显示以下警告：

[Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive.

问题是这也会扩大Google Chrome中HTML页面的高度。在Chrome版本59.0.3071.86（官方版本）（64位）中进行了测试，在Firefox中不会发生这种情况。 简单代码：https://jsfiddle.net/gurigraphics/2399mnyb

<div>
  <select>
    <option>Option</option>
  </select>
</div>

如果您自定义滚动条，鼠标悬停也会发生同样的情况。

什么是更好的解决方案？我找到了这个理论：https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md

- Gurigraphics

---

请在问题本身中包含所有相关代码。还请注意，“简单代码”演示只是HTML，不会产生任何错误，如所述。请参见[ask]和[mcve]。 - charlietfl

仅从那个 fiddle 演示中了解？使用什么浏览器？ - charlietfl

无法复制。可能是由于扩展程序。 - charlietfl

不知道为什么......除非你的演示链接中缺少某些脚本。它不像<select>是一些新的东西，它已经存在了很长时间。 - charlietfl

@ArchNoob React在这个问题上有一个未解决的问题。 - Stijn de Witt

Answer 1

Chrome会自动记录阻止滚动事件的发生。 使用Chrome的开发者工具，我检查了选择框上是否有鼠标滚轮监听器，但仍然存在问题。

建议在控制台中关闭“详细模式”。

- Aiden Waterman