CSS touch action property

touch-action is a CSS property that specifies whether and how a give region can be manipulated by the user (for instance, by panning and zooming).

Note that this property is not supported in all modern browsers, supported in IE 10+, Chrome 36+ and IE mobile currently, but not works in Android or iOS.

Why and when should we use this property?

On Windows 8 and later, IE provides default handling for common touch interactions, it consumes touch moves, pinches and double-taps by default and doesn't send events for these actions. If your sites needs to provide special functionality for these interactions and/or listen for constituent pointer events, you can disable the default handling of specific touch behavior by using the touch-action property.

Links:

1. http://caniuse.com/#feat=css-touch-action
2. MSDN touch-action property