From 44a7b127f5083f2d489377c10110aa8ba2357c4b Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 2 Oct 2024 16:35:12 -0400 Subject: [PATCH 1/2] Add textwrap group and feature --- features/text-wrap-balance.yml | 8 +++++++- features/text-wrap-balance.yml.dist | 19 +++++++++++++++++ features/text-wrap-mode.yml | 4 +++- features/text-wrap-nowrap.yml | 2 +- features/text-wrap-pretty.yml | 2 +- features/text-wrap-stable.yml | 7 +++++++ features/text-wrap-stable.yml.dist | 27 ++++++++++++++++++++++++ features/text-wrap.yml | 8 ++++++++ features/text-wrap.yml.dist | 32 +++++++++++++++++++++++++++++ groups/text-wrap.yml | 3 +++ 10 files changed, 108 insertions(+), 4 deletions(-) create mode 100644 features/text-wrap-stable.yml create mode 100644 features/text-wrap-stable.yml.dist create mode 100644 features/text-wrap.yml create mode 100644 features/text-wrap.yml.dist create mode 100644 groups/text-wrap.yml diff --git a/features/text-wrap-balance.yml b/features/text-wrap-balance.yml index 22003c359af..f4b56808ebd 100644 --- a/features/text-wrap-balance.yml +++ b/features/text-wrap-balance.yml @@ -1,4 +1,10 @@ name: "text-wrap: balance" description: "The `text-wrap: balance` CSS declaration balances the length of each line when text is broken into multiple lines. Also known as headline balancing." spec: https://drafts.csswg.org/css-text-4/#valdef-text-wrap-style-balance -group: css +group: text-wrap +# text-wrap-style.balance has no Chromium support, but the feature is still available through the shorthand. +status: + compute_from: css.properties.text-wrap.balance +compat_features: + - css.properties.text-wrap.balance + - css.properties.text-wrap-style.balance diff --git a/features/text-wrap-balance.yml.dist b/features/text-wrap-balance.yml.dist index c92bb219faf..9ad939573cf 100644 --- a/features/text-wrap-balance.yml.dist +++ b/features/text-wrap-balance.yml.dist @@ -13,4 +13,23 @@ status: safari: "17.5" safari_ios: "17.5" compat_features: + # ⬇️ Same status as overall feature ⬇️ + # baseline: low + # baseline_low_date: 2024-05-13 + # support: + # chrome: "114" + # chrome_android: "114" + # edge: "114" + # firefox: "121" + # firefox_android: "121" + # safari: "17.5" + # safari_ios: "17.5" - css.properties.text-wrap.balance + + # baseline: false + # support: + # firefox: "124" + # firefox_android: "124" + # safari: "17.5" + # safari_ios: "17.5" + - css.properties.text-wrap-style.balance diff --git a/features/text-wrap-mode.yml b/features/text-wrap-mode.yml index 5886627e59f..c1b967dcd95 100644 --- a/features/text-wrap-mode.yml +++ b/features/text-wrap-mode.yml @@ -1,7 +1,9 @@ name: text-wrap-mode description: The `text-wrap-mode` CSS property sets whether lines may wrap with the values `wrap` and `nowrap`. It is a longhand property for both `white-space` and `text-wrap`. spec: https://drafts.csswg.org/css-text-4/#text-wrap-mode -group: white-space +group: + - white-space + - text-wrap compat_features: - css.properties.text-wrap-mode - css.properties.text-wrap-mode.nowrap diff --git a/features/text-wrap-nowrap.yml b/features/text-wrap-nowrap.yml index 79c55ee31dd..5fb8fd255c0 100644 --- a/features/text-wrap-nowrap.yml +++ b/features/text-wrap-nowrap.yml @@ -1,4 +1,4 @@ name: "text-wrap: nowrap" description: "The `text-wrap: nowrap` CSS declaration prevents text breaking into multiple lines. Text that doesn't fit overflows instead." spec: https://drafts.csswg.org/css-text-4/#valdef-text-wrap-mode-nowrap -group: css +group: text-wrap diff --git a/features/text-wrap-pretty.yml b/features/text-wrap-pretty.yml index b5183961b80..69e68d0f19d 100644 --- a/features/text-wrap-pretty.yml +++ b/features/text-wrap-pretty.yml @@ -1,4 +1,4 @@ name: "text-wrap: pretty" description: "The `text-wrap: pretty` CSS declaration prioritizes better layout over speed when text is broken into multiple lines." spec: https://drafts.csswg.org/css-text-4/#valdef-text-wrap-style-pretty -group: css +group: text-wrap diff --git a/features/text-wrap-stable.yml b/features/text-wrap-stable.yml new file mode 100644 index 00000000000..b441c891bc4 --- /dev/null +++ b/features/text-wrap-stable.yml @@ -0,0 +1,7 @@ +name: "text-wrap: stable" +description: "The `text-wrap: stable` CSS declaration wraps text as normal, but does not change wrapping on earlier lines while the text is edited." +spec: https://drafts.csswg.org/css-text-4/#valdef-text-wrap-style-stable +group: text-wrap +compat_features: + - css.properties.text-wrap-style.stable + - css.properties.text-wrap.stable diff --git a/features/text-wrap-stable.yml.dist b/features/text-wrap-stable.yml.dist new file mode 100644 index 00000000000..59404d4af11 --- /dev/null +++ b/features/text-wrap-stable.yml.dist @@ -0,0 +1,27 @@ +# Generated from: text-wrap-stable.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + firefox: "124" + firefox_android: "124" + safari: "17.5" + safari_ios: "17.5" +compat_features: + # baseline: false + # support: + # firefox: "121" + # firefox_android: "121" + # safari: "17.5" + # safari_ios: "17.5" + - css.properties.text-wrap.stable + + # ⬇️ Same status as overall feature ⬇️ + # baseline: false + # support: + # firefox: "124" + # firefox_android: "124" + # safari: "17.5" + # safari_ios: "17.5" + - css.properties.text-wrap-style.stable diff --git a/features/text-wrap.yml b/features/text-wrap.yml new file mode 100644 index 00000000000..7091f3121a7 --- /dev/null +++ b/features/text-wrap.yml @@ -0,0 +1,8 @@ +name: text-wrap +description: The `text-wrap` CSS property sets how lines break in text that overflows the container. It is a shorthand for `text-wrap-style` and `text-wrap-mode`. +spec: https://drafts.csswg.org/css-text-4/#text-wrap-shorthand +group: text-wrap +compat_features: + - css.properties.text-wrap + - css.properties.text-wrap-style + - css.properties.text-wrap-style.auto diff --git a/features/text-wrap.yml.dist b/features/text-wrap.yml.dist new file mode 100644 index 00000000000..8651eca2414 --- /dev/null +++ b/features/text-wrap.yml.dist @@ -0,0 +1,32 @@ +# Generated from: text-wrap.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + firefox: "124" + firefox_android: "124" + safari: "17.5" + safari_ios: "17.5" +compat_features: + # baseline: low + # baseline_low_date: 2024-03-05 + # support: + # chrome: "114" + # chrome_android: "114" + # edge: "114" + # firefox: "121" + # firefox_android: "121" + # safari: "17.4" + # safari_ios: "17.4" + - css.properties.text-wrap + + # ⬇️ Same status as overall feature ⬇️ + # baseline: false + # support: + # firefox: "124" + # firefox_android: "124" + # safari: "17.5" + # safari_ios: "17.5" + - css.properties.text-wrap-style + - css.properties.text-wrap-style.auto diff --git a/groups/text-wrap.yml b/groups/text-wrap.yml new file mode 100644 index 00000000000..2bbe9339aba --- /dev/null +++ b/groups/text-wrap.yml @@ -0,0 +1,3 @@ +name: Text wrap +# Features relating to how lines break. +parent: css From 822730f329f2452a131015162eac9c2f72cc2917 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Mon, 7 Oct 2024 13:25:34 -0400 Subject: [PATCH 2/2] Resort text-wrap keys, review --- features/text-wrap-balance.yml | 6 ------ features/text-wrap-balance.yml.dist | 19 ------------------- features/text-wrap-nowrap.yml | 2 ++ features/text-wrap-nowrap.yml.dist | 1 - features/text-wrap-stable.yml | 3 +-- features/text-wrap-stable.yml.dist | 19 ++----------------- features/text-wrap-style.yml | 9 +++++++++ features/text-wrap-style.yml.dist | 15 +++++++++++++++ features/text-wrap.yml | 3 +-- features/text-wrap.yml.dist | 23 +++++++++++++++-------- 10 files changed, 45 insertions(+), 55 deletions(-) create mode 100644 features/text-wrap-style.yml create mode 100644 features/text-wrap-style.yml.dist diff --git a/features/text-wrap-balance.yml b/features/text-wrap-balance.yml index f4b56808ebd..91dc1115463 100644 --- a/features/text-wrap-balance.yml +++ b/features/text-wrap-balance.yml @@ -2,9 +2,3 @@ name: "text-wrap: balance" description: "The `text-wrap: balance` CSS declaration balances the length of each line when text is broken into multiple lines. Also known as headline balancing." spec: https://drafts.csswg.org/css-text-4/#valdef-text-wrap-style-balance group: text-wrap -# text-wrap-style.balance has no Chromium support, but the feature is still available through the shorthand. -status: - compute_from: css.properties.text-wrap.balance -compat_features: - - css.properties.text-wrap.balance - - css.properties.text-wrap-style.balance diff --git a/features/text-wrap-balance.yml.dist b/features/text-wrap-balance.yml.dist index 9ad939573cf..c92bb219faf 100644 --- a/features/text-wrap-balance.yml.dist +++ b/features/text-wrap-balance.yml.dist @@ -13,23 +13,4 @@ status: safari: "17.5" safari_ios: "17.5" compat_features: - # ⬇️ Same status as overall feature ⬇️ - # baseline: low - # baseline_low_date: 2024-05-13 - # support: - # chrome: "114" - # chrome_android: "114" - # edge: "114" - # firefox: "121" - # firefox_android: "121" - # safari: "17.5" - # safari_ios: "17.5" - css.properties.text-wrap.balance - - # baseline: false - # support: - # firefox: "124" - # firefox_android: "124" - # safari: "17.5" - # safari_ios: "17.5" - - css.properties.text-wrap-style.balance diff --git a/features/text-wrap-nowrap.yml b/features/text-wrap-nowrap.yml index 5fb8fd255c0..85f77546e9c 100644 --- a/features/text-wrap-nowrap.yml +++ b/features/text-wrap-nowrap.yml @@ -2,3 +2,5 @@ name: "text-wrap: nowrap" description: "The `text-wrap: nowrap` CSS declaration prevents text breaking into multiple lines. Text that doesn't fit overflows instead." spec: https://drafts.csswg.org/css-text-4/#valdef-text-wrap-mode-nowrap group: text-wrap +compat_features: + - css.properties.text-wrap.nowrap diff --git a/features/text-wrap-nowrap.yml.dist b/features/text-wrap-nowrap.yml.dist index 6303045f6d7..9e0e7396a1f 100644 --- a/features/text-wrap-nowrap.yml.dist +++ b/features/text-wrap-nowrap.yml.dist @@ -14,4 +14,3 @@ status: safari_ios: "17.4" compat_features: - css.properties.text-wrap.nowrap - - css.properties.text-wrap.wrap diff --git a/features/text-wrap-stable.yml b/features/text-wrap-stable.yml index b441c891bc4..ac17d387364 100644 --- a/features/text-wrap-stable.yml +++ b/features/text-wrap-stable.yml @@ -1,7 +1,6 @@ name: "text-wrap: stable" -description: "The `text-wrap: stable` CSS declaration wraps text as normal, but does not change wrapping on earlier lines while the text is edited." +description: "The `text-wrap: stable` CSS declaration wraps text using the default algorithm, but does not change wrapping on earlier lines while the text is being edited." spec: https://drafts.csswg.org/css-text-4/#valdef-text-wrap-style-stable group: text-wrap compat_features: - - css.properties.text-wrap-style.stable - css.properties.text-wrap.stable diff --git a/features/text-wrap-stable.yml.dist b/features/text-wrap-stable.yml.dist index 59404d4af11..bf96fd28bde 100644 --- a/features/text-wrap-stable.yml.dist +++ b/features/text-wrap-stable.yml.dist @@ -4,24 +4,9 @@ status: baseline: false support: - firefox: "124" - firefox_android: "124" + firefox: "121" + firefox_android: "121" safari: "17.5" safari_ios: "17.5" compat_features: - # baseline: false - # support: - # firefox: "121" - # firefox_android: "121" - # safari: "17.5" - # safari_ios: "17.5" - css.properties.text-wrap.stable - - # ⬇️ Same status as overall feature ⬇️ - # baseline: false - # support: - # firefox: "124" - # firefox_android: "124" - # safari: "17.5" - # safari_ios: "17.5" - - css.properties.text-wrap-style.stable diff --git a/features/text-wrap-style.yml b/features/text-wrap-style.yml new file mode 100644 index 00000000000..fd33e8b82ce --- /dev/null +++ b/features/text-wrap-style.yml @@ -0,0 +1,9 @@ +name: text-wrap-style +description: The `text-wrap-style` CSS property sets how lines break in text that overflows the container. It can also be set with the `text-wrap` shorthand. +spec: https://drafts.csswg.org/css-text-4/#text-wrap-style +group: text-wrap +compat_features: + - css.properties.text-wrap-style + - css.properties.text-wrap-style.auto + - css.properties.text-wrap-style.balance + - css.properties.text-wrap-style.stable diff --git a/features/text-wrap-style.yml.dist b/features/text-wrap-style.yml.dist new file mode 100644 index 00000000000..6cdc8ff6080 --- /dev/null +++ b/features/text-wrap-style.yml.dist @@ -0,0 +1,15 @@ +# Generated from: text-wrap-style.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + firefox: "124" + firefox_android: "124" + safari: "17.5" + safari_ios: "17.5" +compat_features: + - css.properties.text-wrap-style + - css.properties.text-wrap-style.auto + - css.properties.text-wrap-style.balance + - css.properties.text-wrap-style.stable diff --git a/features/text-wrap.yml b/features/text-wrap.yml index 7091f3121a7..e065c89e869 100644 --- a/features/text-wrap.yml +++ b/features/text-wrap.yml @@ -4,5 +4,4 @@ spec: https://drafts.csswg.org/css-text-4/#text-wrap-shorthand group: text-wrap compat_features: - css.properties.text-wrap - - css.properties.text-wrap-style - - css.properties.text-wrap-style.auto + - css.properties.text-wrap.wrap diff --git a/features/text-wrap.yml.dist b/features/text-wrap.yml.dist index 8651eca2414..f7c59d5b374 100644 --- a/features/text-wrap.yml.dist +++ b/features/text-wrap.yml.dist @@ -2,12 +2,16 @@ # Do not edit this file by hand. Edit the source file instead! status: - baseline: false + baseline: low + baseline_low_date: 2024-03-19 support: + chrome: "114" + chrome_android: "114" + edge: "114" firefox: "124" firefox_android: "124" - safari: "17.5" - safari_ios: "17.5" + safari: "17.4" + safari_ios: "17.4" compat_features: # baseline: low # baseline_low_date: 2024-03-05 @@ -22,11 +26,14 @@ compat_features: - css.properties.text-wrap # ⬇️ Same status as overall feature ⬇️ - # baseline: false + # baseline: low + # baseline_low_date: 2024-03-19 # support: + # chrome: "114" + # chrome_android: "114" + # edge: "114" # firefox: "124" # firefox_android: "124" - # safari: "17.5" - # safari_ios: "17.5" - - css.properties.text-wrap-style - - css.properties.text-wrap-style.auto + # safari: "17.4" + # safari_ios: "17.4" + - css.properties.text-wrap.wrap