From 908e5a1fd46742d812518fbae7b205565e9802d8 Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Mon, 7 Oct 2024 11:31:48 -0700 Subject: [PATCH 1/4] Adds CSS transitions --- features/transition-behavior.yml | 2 +- features/transitions-css.yml | 28 +++++++ features/transitions-css.yml.dist | 130 ++++++++++++++++++++++++++++++ groups/element-transitions.yml | 2 + 4 files changed, 161 insertions(+), 1 deletion(-) create mode 100644 features/transitions-css.yml create mode 100644 features/transitions-css.yml.dist create mode 100644 groups/element-transitions.yml diff --git a/features/transition-behavior.yml b/features/transition-behavior.yml index df7bdab4f5e..f2231db6565 100644 --- a/features/transition-behavior.yml +++ b/features/transition-behavior.yml @@ -1,4 +1,4 @@ name: transition-behavior description: "The `transition-behavior: allow-discrete` CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%." spec: https://drafts.csswg.org/css-transitions-2/#transition-behavior-property -group: css +group: element-transitions diff --git a/features/transitions-css.yml b/features/transitions-css.yml new file mode 100644 index 00000000000..3ab6dbb30d6 --- /dev/null +++ b/features/transitions-css.yml @@ -0,0 +1,28 @@ +name: Transitions (CSS) +description: The `transition` shorthand CSS property sets how changes to an element's styles may occur over time. Transitions can be applied to specific CSS properties, all properties, or none. +spec: https://drafts.csswg.org/css-transitions-2/ +caniuse: css-transitions +group: + - element-transitions + - css +status: + compute_from: css.properties.transition +compat_features: + - api.CSSTransition + - api.CSSTransition.transitionProperty + - api.Element.transitioncancel_event + - api.Element.transitionend_event + - api.Element.transitionrun_event + - api.Element.transitionstart_event + - api.TransitionEvent + - api.TransitionEvent.elapsedTime + - api.TransitionEvent.propertyName + - api.TransitionEvent.pseudoElement + - api.TransitionEvent.TransitionEvent + - css.properties.transition + - css.properties.transition-delay + - css.properties.transition-duration + - css.properties.transition-property + - css.properties.transition-property.all + - css.properties.transition-property.none + - css.properties.transition-timing-function diff --git a/features/transitions-css.yml.dist b/features/transitions-css.yml.dist new file mode 100644 index 00000000000..20b8f715a06 --- /dev/null +++ b/features/transitions-css.yml.dist @@ -0,0 +1,130 @@ +# Generated from: transitions-css.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-09-30 + baseline_high_date: 2018-03-30 + support: + chrome: "26" + chrome_android: "26" + edge: "12" + firefox: "16" + firefox_android: "16" + safari: "9" + safari_ios: "9" +compat_features: + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "27" + # chrome_android: "27" + # edge: "12" + # firefox: "4" + # firefox_android: "4" + # safari: "7" + # safari_ios: "7" + - api.TransitionEvent + - api.TransitionEvent.elapsedTime + - api.TransitionEvent.propertyName + + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2015-09-30 + # baseline_high_date: 2018-03-30 + # support: + # chrome: "26" + # chrome_android: "26" + # edge: "12" + # firefox: "16" + # firefox_android: "16" + # safari: "9" + # safari_ios: "9" + - css.properties.transition + - css.properties.transition-delay + - css.properties.transition-duration + - css.properties.transition-property + - css.properties.transition-property.all + - css.properties.transition-property.none + - css.properties.transition-timing-function + + # baseline: high + # baseline_low_date: 2016-08-02 + # baseline_high_date: 2019-02-02 + # support: + # chrome: "27" + # chrome_android: "27" + # edge: "14" + # firefox: "23" + # firefox_android: "23" + # safari: "7" + # safari_ios: "7" + - api.TransitionEvent.TransitionEvent + + # baseline: high + # baseline_low_date: 2018-10-02 + # baseline_high_date: 2021-04-02 + # support: + # chrome: "26" + # chrome_android: "26" + # edge: "18" + # firefox: "51" + # firefox_android: "51" + # safari: "7" + # safari_ios: "7" + - api.Element.transitionend_event + + # baseline: high + # baseline_low_date: 2020-01-15 + # baseline_high_date: 2022-07-15 + # support: + # chrome: "27" + # chrome_android: "27" + # edge: "79" + # firefox: "23" + # firefox_android: "23" + # safari: "7" + # safari_ios: "7" + - api.TransitionEvent.pseudoElement + + # baseline: high + # baseline_low_date: 2020-03-24 + # baseline_high_date: 2022-09-24 + # support: + # chrome: "74" + # chrome_android: "74" + # edge: "12" + # firefox: "53" + # firefox_android: "53" + # safari: "13.1" + # safari_ios: "13.4" + - api.Element.transitionrun_event + - api.Element.transitionstart_event + + # baseline: high + # baseline_low_date: 2020-07-28 + # baseline_high_date: 2023-01-28 + # support: + # chrome: "84" + # chrome_android: "84" + # edge: "84" + # firefox: "75" + # firefox_android: "79" + # safari: "13.1" + # safari_ios: "13.4" + - api.CSSTransition + - api.CSSTransition.transitionProperty + + # baseline: high + # baseline_low_date: 2020-11-19 + # baseline_high_date: 2023-05-19 + # support: + # chrome: "87" + # chrome_android: "87" + # edge: "87" + # firefox: "53" + # firefox_android: "53" + # safari: "13.1" + # safari_ios: "13.4" + - api.Element.transitioncancel_event diff --git a/groups/element-transitions.yml b/groups/element-transitions.yml new file mode 100644 index 00000000000..738515755e3 --- /dev/null +++ b/groups/element-transitions.yml @@ -0,0 +1,2 @@ +# Features related to transitions of elements +name: Element Transitions From 273f9ad85f46bfd49e3ce8ded7f945daa56e461f Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Mon, 7 Oct 2024 13:15:17 -0700 Subject: [PATCH 2/4] Updates CSS transitions group name --- features/transition-behavior.yml | 2 +- features/transitions-css.yml | 4 +--- groups/element-transitions.yml | 2 -- groups/transitions-css.yml | 2 ++ 4 files changed, 4 insertions(+), 6 deletions(-) delete mode 100644 groups/element-transitions.yml create mode 100644 groups/transitions-css.yml diff --git a/features/transition-behavior.yml b/features/transition-behavior.yml index f2231db6565..3cab139e83d 100644 --- a/features/transition-behavior.yml +++ b/features/transition-behavior.yml @@ -1,4 +1,4 @@ name: transition-behavior description: "The `transition-behavior: allow-discrete` CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%." spec: https://drafts.csswg.org/css-transitions-2/#transition-behavior-property -group: element-transitions +group: transitions-css diff --git a/features/transitions-css.yml b/features/transitions-css.yml index 3ab6dbb30d6..438b9a85df5 100644 --- a/features/transitions-css.yml +++ b/features/transitions-css.yml @@ -2,9 +2,7 @@ name: Transitions (CSS) description: The `transition` shorthand CSS property sets how changes to an element's styles may occur over time. Transitions can be applied to specific CSS properties, all properties, or none. spec: https://drafts.csswg.org/css-transitions-2/ caniuse: css-transitions -group: - - element-transitions - - css +group: transitions-css status: compute_from: css.properties.transition compat_features: diff --git a/groups/element-transitions.yml b/groups/element-transitions.yml deleted file mode 100644 index 738515755e3..00000000000 --- a/groups/element-transitions.yml +++ /dev/null @@ -1,2 +0,0 @@ -# Features related to transitions of elements -name: Element Transitions diff --git a/groups/transitions-css.yml b/groups/transitions-css.yml new file mode 100644 index 00000000000..e63962b87c4 --- /dev/null +++ b/groups/transitions-css.yml @@ -0,0 +1,2 @@ +# Features related to transitions of an element's CSS properties +name: Transitions (CSS) From 92dae4eddf33a5a7ba2cc87941caf4e6a590c49b Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Thu, 10 Oct 2024 08:55:49 -0700 Subject: [PATCH 3/4] Updates CSS transitions group --- features/transition-behavior.yml | 2 +- features/transitions-css.yml | 2 +- groups/{transitions-css.yml => transitions.yml} | 1 + 3 files changed, 3 insertions(+), 2 deletions(-) rename groups/{transitions-css.yml => transitions.yml} (88%) diff --git a/features/transition-behavior.yml b/features/transition-behavior.yml index 3cab139e83d..92c506028c7 100644 --- a/features/transition-behavior.yml +++ b/features/transition-behavior.yml @@ -1,4 +1,4 @@ name: transition-behavior description: "The `transition-behavior: allow-discrete` CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%." spec: https://drafts.csswg.org/css-transitions-2/#transition-behavior-property -group: transitions-css +group: transitions diff --git a/features/transitions-css.yml b/features/transitions-css.yml index 438b9a85df5..be9380c86d0 100644 --- a/features/transitions-css.yml +++ b/features/transitions-css.yml @@ -2,7 +2,7 @@ name: Transitions (CSS) description: The `transition` shorthand CSS property sets how changes to an element's styles may occur over time. Transitions can be applied to specific CSS properties, all properties, or none. spec: https://drafts.csswg.org/css-transitions-2/ caniuse: css-transitions -group: transitions-css +group: transitions status: compute_from: css.properties.transition compat_features: diff --git a/groups/transitions-css.yml b/groups/transitions.yml similarity index 88% rename from groups/transitions-css.yml rename to groups/transitions.yml index e63962b87c4..521c1f1c183 100644 --- a/groups/transitions-css.yml +++ b/groups/transitions.yml @@ -1,2 +1,3 @@ # Features related to transitions of an element's CSS properties name: Transitions (CSS) +parent: css From 34cce7cd61468ec9b333ede010ff56e1b6e01e69 Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Tue, 15 Oct 2024 08:41:48 -0700 Subject: [PATCH 4/4] Renames feature file --- features/{transitions-css.yml => transitions.yml} | 0 features/{transitions-css.yml.dist => transitions.yml.dist} | 2 +- 2 files changed, 1 insertion(+), 1 deletion(-) rename features/{transitions-css.yml => transitions.yml} (100%) rename features/{transitions-css.yml.dist => transitions.yml.dist} (98%) diff --git a/features/transitions-css.yml b/features/transitions.yml similarity index 100% rename from features/transitions-css.yml rename to features/transitions.yml diff --git a/features/transitions-css.yml.dist b/features/transitions.yml.dist similarity index 98% rename from features/transitions-css.yml.dist rename to features/transitions.yml.dist index 20b8f715a06..e6a007c8f98 100644 --- a/features/transitions-css.yml.dist +++ b/features/transitions.yml.dist @@ -1,4 +1,4 @@ -# Generated from: transitions-css.yml +# Generated from: transitions.yml # Do not edit this file by hand. Edit the source file instead! status: