Page MenuHomePhabricator

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



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)

Event Timeline

Krinkle raised the priority of this task from to Needs Triage.
Krinkle updated the task description. (Show Details)
Krinkle added subscribers: Krinkle, Peter.
jhobs moved this task from Incoming to Needs Prioritization on the Web-Team-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 subscribed.

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 ]].

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 edited projects, added Performance-Team; removed Performance Issue.
Krinkle moved this task from Inbox, needs triage to Radar on the Performance-Team board.

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.

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