Mute event listener logging

[dy]

Fixes#1795

[alexcjohnson]

Ah, I see - so basically this is just attaching the event in a different way that allows us to tell the browser "yes, we know this isn't passive, stop bugging us"?

I like the _onwheel etc solution. LGTM! 💃

[etpinard]

Can we keep that onmousewheel handler in case we need it in older browsers?

[alexcjohnson]

I think the only difference between what @dfcreative has here and what we had before is that now we always attach to either wheel or mousewheel, whereas before we could potentially attach to neither if the browser doesn't support either one (I had to play with this - you may already know this but what's going on is if the browser supports wheel, then element.onwheel = null before any handler is attached, not undefined). And even if there is a case where the browser really doesn't support either, there shouldn't be any problem attaching to a nonexistent event.

[etpinard]

Oh I see. My bad. 👌

[dy]

@etpinard resolved

[etpinard]

Unfortunately, this might break older browsers, see:

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Safely_detecting_option_support

I couldn't find a list of which older browsers does not support {passive: true|false}, but we should probably play it safe here.

[alexcjohnson]

Good catch @etpinard - do we need a has-passive ala https://github.com/dfcreative/has-hover? Or even better, a module that would figure this out once and then export the correct 3rd arg to mark the listener active or passive:

vareventOpts=require('event-opts');element.addEventListener(wheelEventName,handler,eventOpts.active);// false or {passive: false}element.addEventListener(wheelEventName,handler,eventOpts.passive);// false or {passive: true}

[dy]

There is a polyfill default-passive-events for that. We could use detection logic from there in a way @alexcjohnson suggests.

[dy]

@etpinard@alexcjohnsona32a21a introduces eventListenerOptionsSupported method to detect proper way to attach events.
To make code cleaner it is possible to introduce an event binding function or use package, like emmy or similar.

[etpinard]

Nicely done. Merge away (when you get the chance) 💃

[etpinard]

Dima must be travelling today. Merging this thing so that it's part of 1.33.0.