pan-yĮnable single-finger vertical panning gestures. May be combined with pan-y, pan-up, pan-down and/or pinch-zoom. pan-xĮnable single-finger horizontal panning gestures. noneĭisable browser handling of all panning and zooming gestures. This means that in practice, touch-action is typically applied only to top-level elements which have some custom behavior, without needing to specify touch-action explicitly on any of that element's descendants.Įnable browser handling of all panning and zooming gestures. When a gesture is started, the browser intersects the touch-action values of the touched element and its ancestors, up to the one that implements the gesture (in other words, the first containing scrolling element). Applications using Touch events disable the browser handling of gestures by calling preventDefault(), but should also use touch-action to ensure the browser knows the intent of the application before any event listeners have been invoked. By explicitly specifying which gestures should be handled by the browser, an application can supply its own behavior in pointermove and pointerup listeners for the remaining gestures. An application using Pointer events will receive a pointercancel event when the browser starts handling a touch gesture. * Keyword values */ touch-action : auto touch-action : none touch-action : pan-x touch-action : pan-left touch-action : pan-right touch-action : pan-y touch-action : pan-up touch-action : pan-down touch-action : pinch-zoom touch-action : manipulation /* Global values */ touch-action : inherit touch-action : initial touch-action : revert touch-action : unset īy default, panning (scrolling) and pinching gestures are handled exclusively by the browser.

Touch screen not working on chrome