CSS touch-action property
touch-action is a CSS property that controls filtering of gesture events, providing developers with a declarative mechanism to selectively disable touch scrolling (in one or both axes) or double-tap-zooming.
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49 | |||||||||||||||||
56 | 9.3
See notes:
|
4.4 | |||||||||||||||
14 | 52
See notes:
|
57 | 10 | 10.0-10.2
See notes:
|
4.4.3-4.4.4 | 4 | |||||||||||
11 | 15 | 53
See notes:
|
58 | 10.1 | 44 | 10.3
See notes:
|
all | 56 | 10 | 37 | 57 | 52 | 11 | 11.4 | 5 | 1.2 | 7.12 |
54
See notes:
|
59 | TP | 45 | ||||||||||||||
55
See notes:
|
60 | 46 | |||||||||||||||
56
See notes:
|
61 |
Notes
-
1
Supported in Firefox behind the
layout.css.touch_action.enabled
flag, Firefox for Windows 8 Touch ('Metro') enabled by default. -
2
IE10+ has already supported these property which are not in standard at present such as
double-tap-zoom
,cross-slide-x
,cross-slide-y
. -
3
iOS Safari only supports
auto
andmanipulation
. -
4
Not applicable to Firefox platforms that support neither pointer nor touch events.
Links
MSDN Docs
300ms tap delay, gone away
What Exactly Is..... The 300ms Click Delay
What Exactly Is..... The 300ms Click Delay (Chinese)
Mozilla Developer Network (MDN) documentation - CSS touch-action
WebKit bug 149854: Implement touch-action: manipulation; for iOS
WebKit bug 133112: touch-action CSS property support