Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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: screen shot 2017-04-22 at 20 02 47

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)

Issue Analytics

State:
Created 6 years ago
Reactions:55
Comments:33 (6 by maintainers)

Top GitHub Comments

23reactions

tarleppcommented, May 9, 2017

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

17reactions

Zwillacommented, Oct 4, 2017

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

Top Results From Across the Web

Consider marking event handler as 'passive' to make the page ...

Handling of 'touchstart' input event was delayed for X ms due to main thread being busy. Consider marking event handler as 'passive' to...

Passive event listeners

Consider marking event handler as 'passive' to make the page more responsive. you should use the passive option in .addEventListener() ...

Passive event warnings [63211698] - Visible to Public

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

Violation: added non-passive event listener to a scroll ...

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

Bing maps violation in Chrome (non-passive event listener to ...

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