GoogleChrome / GoogleChrome/lighthouse

DBW: use touch-action instead of restricting movement in code

Open
#870 12 comments 0 reactions 0 assignees View on GitHub
new_audit P3
Dominant language
JavaScript
Stars
30.8k
Forks
9.8k
Avg merge
1d 14h
Merged PRs (30d)
20

Description

CSS `touch-action` is a more performant way to restrict touch movement of a region.

https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action

We can probably use the [document level event listener gatherer](https://github.com/GoogleChrome/lighthouse/blob/master/lighthouse-core/gather/gatherers/dobetterweb/document-event-listeners.js) for this.

http://jsbin.com/qibakekiri/edit?html,output

Contributor guide

Open the contributing guide

Research direction

Read the document-event-listeners.js gatherer referenced in the issue and review the linked MDN touch-action documentation and JSBin example. Trace how the DBW check currently identifies movement restrictions, then define the relevant test or audit expectation before making the change; done means the intended touch-action usage is correctly recognized without the existing code-based restriction.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript
Domain
performance
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.