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.

React v17 lighthouse passive events

See original GitHub issue

Running Lighthouse on pages with Button component get “Does not use passive listeners to improve scrolling performance” “Consider marking your touch and wheel event listeners as passive to improve your page’s scroll performance”

https://web.dev/uses-passive-event-listeners/?utm_source=lighthouse&utm_medium=devtools

The issue is present in the latest release.
I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Expected Behavior 🤔

Steps to Reproduce 🕹

Steps:

Context 🔦

Your Environment 🌎

Tech	Version
Material-UI	v5.?.?
React
Browser
TypeScript
etc.

Issue Analytics

State:
Created 3 years ago
Comments:10 (10 by maintainers)

Top GitHub Comments

2reactions

oliviertassinaricommented, Aug 19, 2020

@eps1lon done, turned into https://github.com/facebook/react/issues/19651

0reactions

oliviertassinaricommented, Aug 19, 2020

Solved in https://github.com/facebook/react/issues/19651

Top Results From Across the Web

React v17 lighthouse passive events #22252 - mui/material-ui

Running Lighthouse on pages with Button component get "Does not use passive listeners to improve scrolling performance"

React v17.0 Release Candidate: No New Features

In React 17, React will no longer attach event handlers at the document level. Instead, it will attach them to the root DOM...

Replace passive addEventListener to onTouchStart method

I'm talking about Passive Event Listeners and browser behavior. Is it only about using preventDefault() or not ? Do I understand it correctly...

react-swipeable - Formidable Labs

A React swipe event handler hook. ... Edit react-swipeable image carousel ... lighthouse performance deducting points for not having passive option set.

Under the hood of event listeners in React - DEV Community ‍ ‍

For each Fiber node, React watch if the component is a HostComponent (ie a htnml element) and if there is a prop corresponding...