Touch-action CSS Feature Coming to Google Chrome

Touch-action is an experimental CSS feature in the works. According to a new CL on Chromium, initial support for this feature has been added.

Touch-action, An Introduction

touch-action needs a bit of introduction to most of us. Here is what I found after a bit of Googling.

Summary

Determines whether touch input may trigger default behavior supplied by the user agent, such as panning or zooming.

Values

auto
The user agent determines the permitted touch behaviors, such as panning and zooming manipulations of the viewport, for touches that begin on the element.
none
Touches that begin on the element do not trigger default touch behaviors.
inherit
The property takes the same specified value as the property for the element’s parent.

Example

You might find the following example within a fingerpainting application to ensure that its canvas doesn’t move when a user touches and manipulates it. When a user touches this canvas and moves his or her finger, no manipulation will occur. DOM events will be sent instead.

The documentation on webplatform.org has tagged this feature experimental and incomplete. Google however is interested in getting this feature added and start experimenting with it. The CL says:

Initial support for experimental touch-action CSS feature 
This adds basic parsing of CSS touch-action from the pointer events 
specification: http://www.w3.org/TR/pointerevents/
This CL is extension of previous commit https://src.chromium.org/viewvc/blink?view=rev&revision=151158 
and it just adds parsing of the two more basic values ‘pan-x’ and ‘pan-y’. 

Developers, comments?

  1. I am a developer working on making a web application work on touch-enabled devices such as Chromebook, MS Surface, etc. On the Chromebook that I am currently using for deveopment, I find I am unable to use touch-action, I assume this has not yet been released yet. How can I find out when it will be released such that I can update Chromebook browser to support touch-action.

Leave a Reply

Your email address will not be published.