[BUG] This does not provide the correct parameters for addEventListener on new Chrome versions. "Unable to preventDefault inside passive event listener due to target being treated as passive"

[douglasg14b]

The lib is not checking for passive support and providing the correct parameters if it exists. Google has a blog post on this change: (https://developers.google.com/web/updates/2017/01/scrolling-intervention):

The default behavior is for window, document or body elements is: window.addEventListener("touchstart", func, {passive: true} ); unless {passive: false} is passed in explicitly. In this case the lib does not do this.

This means if anything down the road wants to preventDefault() the following exception will be thrown: Unable to preventDefault inside passive event listener due to target being treated as passive

More Info:

• https://developers.google.com/web/updates/2017/01/scrolling-intervention
• https://caniuse.com/passive-event-listener
• https://css-tricks.com/forums/topic/beware-of-passive-event-listeners-2/
• [Chrome] Unable to preventDefault inside passive event listener due to target being treated as passive. inuyaksa/jquery.nicescroll#799

Related: quasarframework/quasar#9577

[douglasg14b]

I have verified that these changes stop this problem from occuring:

srcTarget.addEventListener(event, handler, { capture: false, passive: false });

and

srcTarget.removeEventListener(event, handler, { capture: false, passive: false })

HOWEVER, browser support is limited. Which means before this parameter can be used, support must first be checked, and if it does not exist, the old parameter should be used.