Consider marking event handler as 'passive' to make the page more responsive

Hi:

I was using Chrome version: Version 55.0.2883.75 beta (64-bit) with react-waypoint and noticed the following warning message when I scroll with the mouse wheel:

I wonder if this warning would go away if we add the wheel event listener with the { passive: true } flag in react-waypoint?

[lencioni]

Close, but not quite. The idea behind consolidated-events is to combine multiple event handlers for the same event type on the same node into a single event handler. So, if you add multiple scroll events to the same node, it should only add one. It will not consolidate different types of event handlers (e.g. scroll and resize) into a single one. That is not possible.

Secondarily, it allows you to use options like the passive option without having to worry about browser compatibility.

[joyfulelement]

Thanks for the clarifications @lencioni , really learnt a lot today.

For the original issue with wheel event, I’ve posted a stackoverflow question to follow it up separately. Perhaps we can get some answers from there from the community. Thanks again for all the follow ups.