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

[jvbianchi]

Bug, feature request, or proposal:

In chrome 58, warnings started appearing on console:

zone.min.js:1 [Violation] 'readystatechange' handler took 190ms
zone.min.js:1 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive.
zone.min.js:1 [Violation] 'load' handler took 517ms

What is the expected behavior?

Don't get this warning on console:

What are the steps to reproduce?

Just running the template plunker you get this console warning.
Console must be in the verbose level

Plunker: https://goo.gl/DlHd6U

Which versions of Angular, Material, OS, browsers are affected?

Chrome 58.0.3029.81
Mac OSX 10.12.4 (Sierra)

[jackvial]

Looks like it's related to the new event listener options. More on it here and here

There is no a new options object that can be passed to the addEventListener. The warning is saying the passive event listeners on the page should be passed the {passive: true} option to improve scroll performance. document.addEventListener('touchstart', handler, {passive: true});.

These warnings are only performance recommendation so it's not really something to get too worried about, although performances improvements are always good.

[tarlepp]

Using https://github.com/zzarcon/default-passive-events will remove some of those violation warnings, but there is still some left.

[acronHou]

what about "bind"?

[Zwilla]

I can not understand why this is closed, the problem always exist and only this:
https://github.com/zzarcon/default-passive-events
solved my problem, the above problem
thx to @tarlepp

[Dunos]

Yup, can confirm that this is still happening

[FredvanRijswijk]

Yes still getting this warning:

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

[mackelito]

@andrewseguin are there any recommended solutions for this issue?