Evaluate using `touch-action: manipulation;`
Open, LowPublic
Actions

Assigned To

None

Authored By

	Krinkle
	Nov 12 2015, 10:04 PM

Description

See

Use of touch-action: manipulation; should improve touch-to-click and touch-to-scroll feedback on mobile browsers, which otherwise have to wait for a certain amount of time to disambiguate the touch, as well as triggering JavaScript events.

I haven't confirmed this myself nor verified how much it improves perceived performance on affected devices. I imagine also that if we have any touch event handlers, this may not work as expected and require additional explicit declarations to opt-in to those.

Screen Shot 2015-11-12 at 22.01.39.png (352×629 px, 65 KB)

Related Objects

Mentioned In: T358380: [3 days] Interaction to Next Paint (INP) Core Web Vital is scored as "Needs Improvement" or "Poor" for Mobile users on Desktop
Mentioned Here: T174002: Measure dwell-time impact of `touch-action: manipulation;`

Event Timeline

Krinkle created this task.Nov 12 2015, 10:04 PM

Krinkle raised the priority of this task from to Needs Triage.

Krinkle updated the task description. (Show Details)

Krinkle added projects: Web-Team-Backlog, Performance Issue.

Krinkle added subscribers: Krinkle, Peter.

Restricted Application added subscribers: StudiesWorld, Aklapper. · View Herald TranscriptNov 12 2015, 10:04 PM

• jhobs triaged this task as Low priority.May 25 2016, 9:22 PM

• jhobs moved this task from Incoming to Needs Prioritization on the Web-Team-Backlog board.

Volker_E awarded a token.Aug 22 2016, 8:55 PM

Firefox 50 or likely 51 is in discussion to enable touch-action as last of the big browsers. Others are all at least supporting manipulation value as of now.

Might be good to talk about this in frontend standards group.

Ideally this would be done in mediawiki ui / oojs ui...

Jdlrobson moved this task from 2014-15 Q4 to Tracking on the Web-Team-Backlog board.Jun 29 2017, 9:08 PM

Jdlrobson edited projects, added Web-Team-Backlog (Tracking); removed Web-Team-Backlog.

Jdlrobson moved this task from Untriaged to Untag on the Web-Team-Backlog (Tracking) board.Jun 29 2017, 9:10 PM

Firefox 52 enabled this by default. iOS seems to be the big uncertainty factor with only supporting [[ http://caniuse.com/#feat=css-touch-action | auto and manipulation values ]].

manipulation
Enable panning and pinch zoom gestures, but disable additional non-standard gestures such as double-tap to zoom. Disabling double-tap to zoom removes the need for browsers to delay the generation of click events when the user taps the screen. This is an alias for "pan-x pan-y pinch-zoom" (which, for compatibility, is itself still valid).

Krinkle updated the task description. (Show Details)Jul 1 2017, 1:23 AM

Krinkle edited projects, added Performance-Team; removed Performance Issue.

Krinkle moved this task from Inbox, needs triage to Radar on the Performance-Team board.

Krinkle edited projects, added Performance-Team (Radar); removed Performance-Team.Aug 8 2017, 3:15 AM

Krinkle moved this task from Limbo to Watching on the Performance-Team (Radar) board.Aug 23 2017, 3:58 PM

Volker_E moved this task from Inbox to Accepted on the Front-end-Standards-Group board.Aug 23 2017, 4:24 PM

One example test-case was identified with Portal in T174002: Measure dwell-time impact of `touch-action: manipulation;`.

Volker_E moved this task from Backlog to Next-up on the OOUI board.Feb 2 2018, 2:15 AM

Krinkle moved this task from Watching to Perf recommendation on the Performance-Team (Radar) board.Jan 21 2019, 1:10 AM

In T118509#3586025, @Volker_E wrote:

One example test-case was identified with Portal in T174002: Measure dwell-time impact of `touch-action: manipulation;`.

For the record, the enablement of touch-action: manipulation has since been deployed to the Wikipedia portals, and confirmed to noticeably improve rendering performance as perceived by users (videos on the referenced task).

It's not been reverted or changed since so might be interesting to start exploring beyond the Wikipedia portal, e.g. on mobile or desktop.

Jdlrobson moved this task from Untag to Untriaged on the Web-Team-Backlog (Tracking) board.Sep 7 2021, 9:06 PM

Jdlrobson moved this task from Untriaged to Untag on the Web-Team-Backlog (Tracking) board.Sep 21 2021, 8:38 PM

Jdlrobson removed a project: Web-Team-Backlog (Tracking).Dec 7 2021, 7:47 PM

Krinkle added a project: Vector (legacy skin).Dec 7 2021, 9:11 PM

Krinkle added a project: MinervaNeue.

Jdlrobson moved this task from Needs triage to Technical on the Vector (legacy skin) board.Jan 27 2022, 4:21 PM

Jdlrobson moved this task from Technical to Tracking on the Vector (legacy skin) board.Apr 25 2022, 10:30 PM

Jdlrobson edited projects, added Vector (legacy skin) (Tracking); removed Vector (legacy skin).

Volker_E added a project: Codex.Sep 9 2022, 11:32 PM

Volker_E moved this task from Next-up to Backlog on the OOUI board.

Krinkle moved this task from Perf recommendation to Watching on the Performance-Team (Radar) board.Oct 3 2022, 9:55 PM