From 16c6cec71d5dbb66254bf9f18f92c13d025bca4c Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Tue, 1 Oct 2024 14:06:44 -0700 Subject: [PATCH 1/9] Adds keys to overflow-shorthand.yml --- features/overflow-shorthand.yml | 26 +++++++++++ features/overflow-shorthand.yml.dist | 67 ++++++++++++++++++++++++++++ 2 files changed, 93 insertions(+) diff --git a/features/overflow-shorthand.yml b/features/overflow-shorthand.yml index eca29ca9ad1..4c4954a1f0c 100644 --- a/features/overflow-shorthand.yml +++ b/features/overflow-shorthand.yml @@ -3,3 +3,29 @@ description: The `overflow` CSS property sets the behavior for when content does spec: https://drafts.csswg.org/css-overflow-3/#propdef-overflow group: css caniuse: css-overflow +status: + compute_from: css.properties.overflow.clip +compat_features: + - css.properties.overflow + - css.properties.overflow-block + - css.properties.overflow-inline + - css.properties.overflow-x + - css.properties.overflow-x.auto + - css.properties.overflow-x.clip + - css.properties.overflow-x.hidden + - css.properties.overflow-x.scroll + - css.properties.overflow-x.visible + - css.properties.overflow-y + - css.properties.overflow-y.auto + - css.properties.overflow-y.clip + - css.properties.overflow-y.hidden + - css.properties.overflow-y.scroll + - css.properties.overflow-y.visible + - css.properties.overflow.auto + - css.properties.overflow.clip + - css.properties.overflow.hidden + - css.properties.overflow.multiple_keywords + - css.properties.overflow.scroll + - css.properties.overflow.visible + - css.types.overflow + - css.types.overflow.clip diff --git a/features/overflow-shorthand.yml.dist b/features/overflow-shorthand.yml.dist index e749b30c078..09d20041e1d 100644 --- a/features/overflow-shorthand.yml.dist +++ b/features/overflow-shorthand.yml.dist @@ -27,6 +27,34 @@ compat_features: - css.properties.overflow - css.types.overflow + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: ≤3 + # safari_ios: ≤2 + - css.properties.overflow.auto + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "3" + # safari_ios: "2" + - css.properties.overflow.hidden + - css.properties.overflow.scroll + - css.properties.overflow.visible + # baseline: high # baseline_low_date: 2015-07-29 # baseline_high_date: 2018-01-29 @@ -41,6 +69,38 @@ compat_features: - css.properties.overflow-x - css.properties.overflow-y + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "3.5" + # firefox_android: "4" + # safari: "3" + # safari_ios: ≤2 + - css.properties.overflow-x.auto + - css.properties.overflow-y.auto + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "3.5" + # firefox_android: "4" + # safari: "3" + # safari_ios: "2" + - css.properties.overflow-x.hidden + - css.properties.overflow-x.scroll + - css.properties.overflow-x.visible + - css.properties.overflow-y.hidden + - css.properties.overflow-y.scroll + - css.properties.overflow-y.visible + # baseline: high # baseline_low_date: 2020-03-24 # baseline_high_date: 2022-09-24 @@ -69,3 +129,10 @@ compat_features: - css.properties.overflow-y.clip - css.properties.overflow.clip - css.types.overflow.clip + + # baseline: false + # support: + # firefox: "69" + # firefox_android: "79" + - css.properties.overflow-block + - css.properties.overflow-inline From 5b0366a904e2d3562ab7618b4deca0ed94a48dda Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Tue, 1 Oct 2024 14:42:00 -0700 Subject: [PATCH 2/9] Adds keys to scrollbar-gutter --- features/scrollbar-gutter.yml | 4 ++++ features/scrollbar-gutter.yml.dist | 2 ++ 2 files changed, 6 insertions(+) diff --git a/features/scrollbar-gutter.yml b/features/scrollbar-gutter.yml index 9a3b02ec326..6039f620662 100644 --- a/features/scrollbar-gutter.yml +++ b/features/scrollbar-gutter.yml @@ -2,3 +2,7 @@ name: scrollbar-gutter description: The `scrollbar-gutter` CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears. spec: https://drafts.csswg.org/css-overflow-3/#scrollbar-gutter-property group: scrolling +compat_features: + - css.properties.scrollbar-gutter + - css.properties.scrollbar-gutter.auto + - css.properties.scrollbar-gutter.stable diff --git a/features/scrollbar-gutter.yml.dist b/features/scrollbar-gutter.yml.dist index 4fc55061b35..d542172c06c 100644 --- a/features/scrollbar-gutter.yml.dist +++ b/features/scrollbar-gutter.yml.dist @@ -11,3 +11,5 @@ status: firefox_android: "97" compat_features: - css.properties.scrollbar-gutter + - css.properties.scrollbar-gutter.auto + - css.properties.scrollbar-gutter.stable From f0eff0a33ddea7642aa54d6fe9196d15de8bb856 Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Tue, 1 Oct 2024 15:01:43 -0700 Subject: [PATCH 3/9] Adds scroll-behavior --- features/scroll-behavior.yml | 9 +++++++++ features/scroll-behavior.yml.dist | 19 +++++++++++++++++++ 2 files changed, 28 insertions(+) create mode 100644 features/scroll-behavior.yml create mode 100644 features/scroll-behavior.yml.dist diff --git a/features/scroll-behavior.yml b/features/scroll-behavior.yml new file mode 100644 index 00000000000..b740720e4fb --- /dev/null +++ b/features/scroll-behavior.yml @@ -0,0 +1,9 @@ +name: scroll-behavior +description: The `scroll-behavior` CSS property allows for smooth scrolling for scroll actions not performed by the user, such as those triggered by navigation. +spec: https://drafts.csswg.org/css-overflow-3/#smooth-scrolling +group: scrolling +caniuse: css-scroll-behavior +compat_features: + - css.properties.scroll-behavior + - css.properties.scroll-behavior.auto + - css.properties.scroll-behavior.smooth diff --git a/features/scroll-behavior.yml.dist b/features/scroll-behavior.yml.dist new file mode 100644 index 00000000000..130675bbc97 --- /dev/null +++ b/features/scroll-behavior.yml.dist @@ -0,0 +1,19 @@ +# Generated from: scroll-behavior.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2022-03-14 + baseline_high_date: 2024-09-14 + support: + chrome: "61" + chrome_android: "61" + edge: "79" + firefox: "36" + firefox_android: "36" + safari: "15.4" + safari_ios: "15.4" +compat_features: + - css.properties.scroll-behavior + - css.properties.scroll-behavior.auto + - css.properties.scroll-behavior.smooth From 9d7691f09d05c950d07cc6dad07a6982721f6d2c Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Wed, 2 Oct 2024 08:20:18 -0700 Subject: [PATCH 4/9] Updates scroll-behavior description --- features/scroll-behavior.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/features/scroll-behavior.yml b/features/scroll-behavior.yml index b740720e4fb..325e705c7f5 100644 --- a/features/scroll-behavior.yml +++ b/features/scroll-behavior.yml @@ -1,5 +1,5 @@ name: scroll-behavior -description: The `scroll-behavior` CSS property allows for smooth scrolling for scroll actions not performed by the user, such as those triggered by navigation. +description: The `scroll-behavior` CSS property allows smooth scrolling for scroll actions not performed by the user, such as those triggered by navigation. spec: https://drafts.csswg.org/css-overflow-3/#smooth-scrolling group: scrolling caniuse: css-scroll-behavior From 702e11002d02867674dc862a5c97c65f5445959e Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Wed, 2 Oct 2024 08:23:23 -0700 Subject: [PATCH 5/9] Adds text-overflow --- features/text-overflow.yml | 10 ++++++++++ features/text-overflow.yml.dist | 20 ++++++++++++++++++++ 2 files changed, 30 insertions(+) create mode 100644 features/text-overflow.yml create mode 100644 features/text-overflow.yml.dist diff --git a/features/text-overflow.yml b/features/text-overflow.yml new file mode 100644 index 00000000000..fd65e06fea9 --- /dev/null +++ b/features/text-overflow.yml @@ -0,0 +1,10 @@ +name: Text overflow +description: The `text-overflow` CSS property sets how hidden overflow content is signalled to users. It can be clipped, display an ellipsis (…), or display a custom string. +spec: https://drafts.csswg.org/css-overflow-4/#text-overflow +group: css +caniuse: text-overflow +compat_features: + - css.properties.text-overflow + - css.properties.text-overflow.clip + - css.properties.text-overflow.ellipsis + - svg.global_attributes.text-overflow diff --git a/features/text-overflow.yml.dist b/features/text-overflow.yml.dist new file mode 100644 index 00000000000..89ca9091ab8 --- /dev/null +++ b/features/text-overflow.yml.dist @@ -0,0 +1,20 @@ +# Generated from: text-overflow.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "7" + firefox_android: "7" + safari: "1.3" + safari_ios: "1" +compat_features: + - css.properties.text-overflow + - css.properties.text-overflow.clip + - css.properties.text-overflow.ellipsis + - svg.global_attributes.text-overflow From 6cb4280fe095644376819015b5a0ea3bafb53935 Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Wed, 2 Oct 2024 08:23:42 -0700 Subject: [PATCH 6/9] Adds overflow clip margin --- features/overflow-clip-margin.yml | 9 +++++++++ features/overflow-clip-margin.yml.dist | 11 +++++++++++ 2 files changed, 20 insertions(+) create mode 100644 features/overflow-clip-margin.yml create mode 100644 features/overflow-clip-margin.yml.dist diff --git a/features/overflow-clip-margin.yml b/features/overflow-clip-margin.yml new file mode 100644 index 00000000000..033ccbc7b46 --- /dev/null +++ b/features/overflow-clip-margin.yml @@ -0,0 +1,9 @@ +name: Overflow clip margin +description: "The `overflow-clip-margin` CSS property sets how far outside of an element's bounds overflow content will display when clipped by effects such as `overflow: clip`." +spec: https://drafts.csswg.org/css-overflow-4/#overflow-clip-margin +group: css +compat_features: + - css.properties.overflow-clip-margin + - css.properties.overflow-clip-margin.border-box + - css.properties.overflow-clip-margin.content-box + - css.properties.overflow-clip-margin.padding-box diff --git a/features/overflow-clip-margin.yml.dist b/features/overflow-clip-margin.yml.dist new file mode 100644 index 00000000000..f2c2bf10541 --- /dev/null +++ b/features/overflow-clip-margin.yml.dist @@ -0,0 +1,11 @@ +# Generated from: overflow-clip-margin.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: {} +compat_features: + - css.properties.overflow-clip-margin + - css.properties.overflow-clip-margin.border-box + - css.properties.overflow-clip-margin.content-box + - css.properties.overflow-clip-margin.padding-box From 54a5074fecf9f21e684d3230f3d650d6b975071d Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Wed, 2 Oct 2024 08:55:22 -0700 Subject: [PATCH 7/9] Moves logical overflow properties to logical properties feature --- features/logical-properties.yml | 2 ++ features/logical-properties.yml.dist | 7 +++++++ features/overflow-shorthand.yml | 4 ---- features/overflow-shorthand.yml.dist | 7 ------- 4 files changed, 9 insertions(+), 11 deletions(-) diff --git a/features/logical-properties.yml b/features/logical-properties.yml index f64571dd573..35163f52323 100644 --- a/features/logical-properties.yml +++ b/features/logical-properties.yml @@ -89,3 +89,5 @@ compat_features: - css.properties.padding-inline - css.properties.padding-inline-end - css.properties.padding-inline-start + - css.properties.overflow-block + - css.properties.overflow-inline diff --git a/features/logical-properties.yml.dist b/features/logical-properties.yml.dist index adee569cfe1..a71136c8ff3 100644 --- a/features/logical-properties.yml.dist +++ b/features/logical-properties.yml.dist @@ -203,3 +203,10 @@ compat_features: - css.properties.clear.inline-start - css.properties.float.inline-end - css.properties.float.inline-start + + # baseline: false + # support: + # firefox: "69" + # firefox_android: "79" + - css.properties.overflow-block + - css.properties.overflow-inline diff --git a/features/overflow-shorthand.yml b/features/overflow-shorthand.yml index 4c4954a1f0c..34fa0a443cf 100644 --- a/features/overflow-shorthand.yml +++ b/features/overflow-shorthand.yml @@ -3,12 +3,8 @@ description: The `overflow` CSS property sets the behavior for when content does spec: https://drafts.csswg.org/css-overflow-3/#propdef-overflow group: css caniuse: css-overflow -status: - compute_from: css.properties.overflow.clip compat_features: - css.properties.overflow - - css.properties.overflow-block - - css.properties.overflow-inline - css.properties.overflow-x - css.properties.overflow-x.auto - css.properties.overflow-x.clip diff --git a/features/overflow-shorthand.yml.dist b/features/overflow-shorthand.yml.dist index 09d20041e1d..225699128de 100644 --- a/features/overflow-shorthand.yml.dist +++ b/features/overflow-shorthand.yml.dist @@ -129,10 +129,3 @@ compat_features: - css.properties.overflow-y.clip - css.properties.overflow.clip - css.types.overflow.clip - - # baseline: false - # support: - # firefox: "69" - # firefox_android: "79" - - css.properties.overflow-block - - css.properties.overflow-inline From 4f118ad75137a7a0ee023c8382b550b5d02f81ac Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Wed, 2 Oct 2024 08:58:57 -0700 Subject: [PATCH 8/9] Updates overflow-clip-margin description --- features/overflow-clip-margin.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/features/overflow-clip-margin.yml b/features/overflow-clip-margin.yml index 033ccbc7b46..e9dabd1c776 100644 --- a/features/overflow-clip-margin.yml +++ b/features/overflow-clip-margin.yml @@ -1,5 +1,5 @@ name: Overflow clip margin -description: "The `overflow-clip-margin` CSS property sets how far outside of an element's bounds overflow content will display when clipped by effects such as `overflow: clip`." +description: "The `overflow-clip-margin` CSS property sets how far overflow content will display outside the bounds of an element when clipped by effects such as `overflow: clip`." spec: https://drafts.csswg.org/css-overflow-4/#overflow-clip-margin group: css compat_features: From 01e78bbc06d103ed622f055f24b6c7a179642a94 Mon Sep 17 00:00:00 2001 From: Victor Allen Date: Wed, 2 Oct 2024 10:36:23 -0700 Subject: [PATCH 9/9] Apply suggestions from code review Co-authored-by: Daniel D. Beck --- features/overflow-clip-margin.yml | 4 ++-- features/scroll-behavior.yml | 2 +- features/text-overflow.yml | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/features/overflow-clip-margin.yml b/features/overflow-clip-margin.yml index e9dabd1c776..620d3ab628c 100644 --- a/features/overflow-clip-margin.yml +++ b/features/overflow-clip-margin.yml @@ -1,5 +1,5 @@ -name: Overflow clip margin -description: "The `overflow-clip-margin` CSS property sets how far overflow content will display outside the bounds of an element when clipped by effects such as `overflow: clip`." +name: overflow-clip-margin +description: "The `overflow-clip-margin` CSS property sets how far overflow content may appear outside the bounds of an element before it's clipped by effects such as `overflow: clip`." spec: https://drafts.csswg.org/css-overflow-4/#overflow-clip-margin group: css compat_features: diff --git a/features/scroll-behavior.yml b/features/scroll-behavior.yml index 325e705c7f5..a0845213f46 100644 --- a/features/scroll-behavior.yml +++ b/features/scroll-behavior.yml @@ -1,5 +1,5 @@ name: scroll-behavior -description: The `scroll-behavior` CSS property allows smooth scrolling for scroll actions not performed by the user, such as those triggered by navigation. +description: The `scroll-behavior` CSS property controls whether scrolling is smooth or snaps, for scroll actions not performed by the user such as those triggered by navigation. spec: https://drafts.csswg.org/css-overflow-3/#smooth-scrolling group: scrolling caniuse: css-scroll-behavior diff --git a/features/text-overflow.yml b/features/text-overflow.yml index fd65e06fea9..d0984e1bb70 100644 --- a/features/text-overflow.yml +++ b/features/text-overflow.yml @@ -1,5 +1,5 @@ name: Text overflow -description: The `text-overflow` CSS property sets how hidden overflow content is signalled to users. It can be clipped, display an ellipsis (…), or display a custom string. +description: The `text-overflow` CSS property sets how hidden overflow content appears to users. The property can clip content, truncate content with an ellipsis (…), or truncate with a custom string. spec: https://drafts.csswg.org/css-overflow-4/#text-overflow group: css caniuse: text-overflow