CODEWITHSUNDEEP
javascriptjqueryhtmlcss
Gurigraphics
Gurigraphics

Reputation: 331

Passive event listener in Select Tag

Click on select element shows this warning:

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

The problem is that this also expand the height of HTML page in Google Chrome. Tested in Chrome Version 59.0.3071.86 (Official Build) (64-bit) In firefox this does not occur.

Simple code: https://jsfiddle.net/gurigraphics/2399mnyb

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

The same happens with "mouse hover" if you customize the scroll bar.

What is the better solution? I found this theory: https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md

Upvotes: 23

Views: 2552

Answers (1)

Aiden Waterman
Aiden Waterman

Reputation: 63

Chrome automatically logs whenever a scroll-blocking event occurs. Using Chrome's DevTools, I checked that there is no mousewheel listeners on the select box, and it still happens.

I suggest turning off 'Verbose' in the console.

Upvotes: 1

Related Questions