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.


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


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


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 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 
This CL is extension of previous commit 
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.