From ea6ca6f0fd9f64dabc74ac31d01a7b31d53ba8d6 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Tue, 5 Nov 2024 16:13:55 -0500 Subject: [PATCH] Add touch-action --- features/touch-action.yml | 19 ++++++++++ features/touch-action.yml.dist | 68 ++++++++++++++++++++++++++++++++++ 2 files changed, 87 insertions(+) create mode 100644 features/touch-action.yml create mode 100644 features/touch-action.yml.dist diff --git a/features/touch-action.yml b/features/touch-action.yml new file mode 100644 index 00000000000..b7d8327d744 --- /dev/null +++ b/features/touch-action.yml @@ -0,0 +1,19 @@ +name: touch-action +description: The `touch-action` CSS property sets whether an element on a touch screen can be panned or pinched to zoom. +spec: + - https://w3c.github.io/pointerevents/#the-touch-action-css-property + - https://compat.spec.whatwg.org/#touch-action +caniuse: css-touch-action +status: + compute_from: css.properties.touch-action +compat_features: + - css.properties.touch-action + - css.properties.touch-action.manipulation + - css.properties.touch-action.none + - css.properties.touch-action.pan-down + - css.properties.touch-action.pan-left + - css.properties.touch-action.pan-right + - css.properties.touch-action.pan-up + - css.properties.touch-action.pan-x + - css.properties.touch-action.pan-y + - css.properties.touch-action.pinch-zoom diff --git a/features/touch-action.yml.dist b/features/touch-action.yml.dist new file mode 100644 index 00000000000..0b3b5cadc9e --- /dev/null +++ b/features/touch-action.yml.dist @@ -0,0 +1,68 @@ +# Generated from: touch-action.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2019-09-19 + baseline_high_date: 2022-03-19 + support: + chrome: "36" + chrome_android: "36" + edge: "12" + firefox: "52" + firefox_android: "52" + safari: "13" + safari_ios: "9.3" +compat_features: + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2019-09-19 + # baseline_high_date: 2022-03-19 + # support: + # chrome: "36" + # chrome_android: "36" + # edge: "12" + # firefox: "52" + # firefox_android: "52" + # safari: "13" + # safari_ios: "9.3" + - css.properties.touch-action + - css.properties.touch-action.manipulation + + # baseline: high + # baseline_low_date: 2019-09-19 + # baseline_high_date: 2022-03-19 + # support: + # chrome: "36" + # chrome_android: "36" + # edge: "12" + # firefox: "52" + # firefox_android: "52" + # safari: "13" + # safari_ios: "13" + - css.properties.touch-action.none + - css.properties.touch-action.pan-x + - css.properties.touch-action.pan-y + + # baseline: high + # baseline_low_date: 2021-01-26 + # baseline_high_date: 2023-07-26 + # support: + # chrome: "56" + # chrome_android: "56" + # edge: "12" + # firefox: "85" + # firefox_android: "85" + # safari: "13" + # safari_ios: "13" + - css.properties.touch-action.pinch-zoom + + # baseline: false + # support: + # chrome: "55" + # chrome_android: "55" + # edge: "79" + - css.properties.touch-action.pan-down + - css.properties.touch-action.pan-left + - css.properties.touch-action.pan-right + - css.properties.touch-action.pan-up