Page MenuHomePhabricator

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

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.

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 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 Readers-Web-Backlog board.

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.

Jdlrobson added a subscriber: Jdlrobson.

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

Jdlrobson added a project: OOUI.

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

Firefox 52 enabled this by default. iOS seems to be the big uncertainty factor with only supporting 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 to Radar on the Performance-Team board.
Volker_E moved this task from Backlog to Next-up on the OOUI board.Feb 2 2018, 2:15 AM

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.