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

by

For those receiving this warning for the first time, it is due to a bleeding edge feature called Passive Event Listeners that has been implemented in browsers fairly recently (summer 2016). From https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md:

Passive event listeners are a new feature in the DOM spec that enable
developers to opt-in to better scroll performance by eliminating the
need for scrolling to block on touch and wheel event listeners.
Developers can annotate touch and wheel listeners with {passive: true}
to indicate that they will never invoke preventDefault. This feature
shipped in Chrome 51, Firefox 49 and landed in WebKit. For full official explanation read more here.

See also: What are passive event listeners?

You may have to wait for your .js library to implement support.

If you are handling events indirectly via a JavaScript library, you may be at the mercy of that particular library’s support for the feature. As of December 2019, it does not look like any of the major libraries have implemented support. Some examples:

More Related Contents:

  1. How do you increment a cookie value?
  2. “Thinking in AngularJS” if I have a jQuery background? [closed]
  3. ng-repeat finish event
  4. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  5. What is the $$hashKey added to my JSON.stringify result
  6. How to trigger ngClick programmatically
  7. How to detect browser back button click event using angular?
  8. AngularJS: How to run additional code after AngularJS has rendered a template?
  9. How can I make an AngularJS directive to stopPropagation?
  10. How to use jQuery in AngularJS
  11. AngularJS group check box validation
  12. What is the elegant way to get the latest date from array of objects in client side?
  13. Format input value in Angularjs
  14. Should we use jQuery with AngularJS? [closed]
  15. how to bind Bootstrap-datepicker element with angularjs ng-model?
  16. ScrollTo function in AngularJS
  17. AngularJS : ng-model binding not updating when changed with jQuery
  18. Eliminate 300ms delay on click events in mobile Safari
  19. VueJs templating. How to load external templates
  20. Remove ‘All Files’ option from HTML file input
  21. Hour difference between two times(HH:MM:SS a)in momentjs
  22. How to implement hierarchical multilevel datatable in javaScript?
  23. Is there an equivalent to e.PageX position for ‘touchstart’ event as there is for click event?
  24. ng-mouseover and leave to toggle item using mouse in angularjs
  25. Call angularjs function using jquery/javascript
  26. AngularJS: lazy loading controllers and content
  27. Is it a bad practice to use jQuery in Angular? [closed]
  28. How is AngularJS different from jQuery
  29. Angular.js ng-repeat across multiple elements
  30. AngularJS event on window innerWidth size change

Leave a Comment