diff --git a/features/hyphens.yml b/features/hyphens.yml index 628805cac94..dcc58665df7 100644 --- a/features/hyphens.yml +++ b/features/hyphens.yml @@ -1,4 +1,75 @@ name: Hyphenation -description: The `hyphens` CSS property controls when long words are broken by line wrapping. Although called `hyphens`, the property applies to word-splitting behavior across languages, such as customary spelling changes or the use of other characters to mark an intraword line break. +# The description should be revisited when support notes are added. +# https://github.com/web-platform-dx/web-features/issues/915 +description: The `hyphens` CSS property controls when long words are broken by line wrapping. Although called `hyphens`, the property applies to word-splitting behavior across languages, such as customary spelling changes or the use of other characters. Support for non-English languages varies signficantly. spec: https://drafts.csswg.org/css-text-3/#hyphens-property caniuse: css-hyphens +group: css +status: + compute_from: css.properties.hyphens.auto +compat_features: + - css.properties.hyphens + - css.properties.hyphens.auto + - css.properties.hyphens.language_english + - css.properties.hyphens.language_afrikaans + - css.properties.hyphens.language_albanian + - css.properties.hyphens.language_amharic + - css.properties.hyphens.language_armenian + - css.properties.hyphens.language_assamese + - css.properties.hyphens.language_basque + - css.properties.hyphens.language_belarusian + - css.properties.hyphens.language_bengali + - css.properties.hyphens.language_bosnian + - css.properties.hyphens.language_bulgarian + - css.properties.hyphens.language_catalan + - css.properties.hyphens.language_croatian + - css.properties.hyphens.language_cyrillic_mongolian + - css.properties.hyphens.language_czech + - css.properties.hyphens.language_danish + - css.properties.hyphens.language_dutch + - css.properties.hyphens.language_esperanto + - css.properties.hyphens.language_estonian + - css.properties.hyphens.language_ethiopic_script_mul + - css.properties.hyphens.language_ethiopic_script_und + - css.properties.hyphens.language_finnish + - css.properties.hyphens.language_french + - css.properties.hyphens.language_galician + - css.properties.hyphens.language_georgian + - css.properties.hyphens.language_german_reformed_orthography + - css.properties.hyphens.language_german_swiss_orthography + - css.properties.hyphens.language_german_traditional_orthography + - css.properties.hyphens.language_gujarati + - css.properties.hyphens.language_hindi + - css.properties.hyphens.language_hungarian + - css.properties.hyphens.language_icelandic + - css.properties.hyphens.language_interlingua + - css.properties.hyphens.language_irish + - css.properties.hyphens.language_italian + - css.properties.hyphens.language_kannada + - css.properties.hyphens.language_kurmanji + - css.properties.hyphens.language_latin + - css.properties.hyphens.language_latvian + - css.properties.hyphens.language_lithuanian + - css.properties.hyphens.language_malayalam + - css.properties.hyphens.language_marathi + - css.properties.hyphens.language_modern_greek + - css.properties.hyphens.language_mongolian + - css.properties.hyphens.language_norwegian_nn + - css.properties.hyphens.language_norwegian_no + - css.properties.hyphens.language_old_slavonic + - css.properties.hyphens.language_oriya + - css.properties.hyphens.language_polish + - css.properties.hyphens.language_portuguese + - css.properties.hyphens.language_punjabi + - css.properties.hyphens.language_russian + - css.properties.hyphens.language_slovak + - css.properties.hyphens.language_slovenian + - css.properties.hyphens.language_spanish + - css.properties.hyphens.language_swedish + - css.properties.hyphens.language_tamil + - css.properties.hyphens.language_telugu + - css.properties.hyphens.language_turkish + - css.properties.hyphens.language_turkmen + - css.properties.hyphens.language_ukrainian + - css.properties.hyphens.language_upper_sorbian + - css.properties.hyphens.language_welsh diff --git a/features/hyphens.yml.dist b/features/hyphens.yml.dist index 514893c4c46..466e50f16a8 100644 --- a/features/hyphens.yml.dist +++ b/features/hyphens.yml.dist @@ -5,12 +5,188 @@ status: baseline: low baseline_low_date: 2023-09-18 support: - chrome: "55" + chrome: "88" chrome_android: "55" - edge: "79" + edge: "88" firefox: "43" firefox_android: "43" safari: "17" safari_ios: "17" compat_features: + # baseline: low + # baseline_low_date: 2023-09-18 + # support: + # chrome: "55" + # chrome_android: "55" + # edge: "79" + # firefox: "43" + # firefox_android: "43" + # safari: "17" + # safari_ios: "17" - css.properties.hyphens + - css.properties.hyphens.language_english + + # baseline: low + # baseline_low_date: 2023-09-18 + # support: + # chrome: "87" + # chrome_android: "87" + # edge: "87" + # firefox: "43" + # firefox_android: "43" + # safari: "17" + # safari_ios: "17" + - css.properties.hyphens.language_croatian + - css.properties.hyphens.language_danish + - css.properties.hyphens.language_french + - css.properties.hyphens.language_german_reformed_orthography + - css.properties.hyphens.language_hungarian + - css.properties.hyphens.language_norwegian_no + - css.properties.hyphens.language_portuguese + - css.properties.hyphens.language_spanish + + # ⬇️ Same status as overall feature ⬇️ + # baseline: low + # baseline_low_date: 2023-09-18 + # support: + # chrome: "88" + # chrome_android: "55" + # edge: "88" + # firefox: "43" + # firefox_android: "43" + # safari: "17" + # safari_ios: "17" + - css.properties.hyphens.auto + + # baseline: low + # baseline_low_date: 2023-09-18 + # support: + # chrome: "112" + # chrome_android: "112" + # edge: "112" + # firefox: "43" + # firefox_android: "43" + # safari: "17" + # safari_ios: "17" + - css.properties.hyphens.language_dutch + - css.properties.hyphens.language_italian + - css.properties.hyphens.language_russian + - css.properties.hyphens.language_swedish + - css.properties.hyphens.language_ukrainian + + # baseline: low + # baseline_low_date: 2024-09-03 + # support: + # chrome: "112" + # chrome_android: "112" + # edge: "112" + # firefox: "130" + # firefox_android: "130" + # safari: "17" + # safari_ios: "17" + - css.properties.hyphens.language_czech + + # baseline: false + # support: + # chrome: "87" + # chrome_android: "87" + # edge: "87" + # firefox: "43" + # firefox_android: "43" + # safari_ios: "17" + - css.properties.hyphens.language_norwegian_nn + + # baseline: false + # support: + # chrome: "87" + # chrome_android: "87" + # edge: "87" + # firefox: "43" + # firefox_android: "43" + - css.properties.hyphens.language_bulgarian + - css.properties.hyphens.language_estonian + - css.properties.hyphens.language_german_swiss_orthography + - css.properties.hyphens.language_german_traditional_orthography + - css.properties.hyphens.language_latin + - css.properties.hyphens.language_slovenian + - css.properties.hyphens.language_welsh + + # baseline: false + # support: + # chrome: "112" + # chrome_android: "112" + # edge: "112" + # firefox: "43" + # firefox_android: "43" + - css.properties.hyphens.language_afrikaans + - css.properties.hyphens.language_galician + - css.properties.hyphens.language_lithuanian + + # baseline: false + # support: + # chrome: "112" + # chrome_android: "112" + # edge: "112" + # firefox: "130" + # firefox_android: "130" + - css.properties.hyphens.language_slovak + + # baseline: false + # support: + # firefox: "43" + # firefox_android: "43" + # safari: "17" + # safari_ios: "17" + - css.properties.hyphens.language_catalan + - css.properties.hyphens.language_finnish + - css.properties.hyphens.language_polish + - css.properties.hyphens.language_turkish + + # baseline: false + # support: + # chrome: "87" + # chrome_android: "87" + # edge: "87" + - css.properties.hyphens.language_armenian + - css.properties.hyphens.language_assamese + - css.properties.hyphens.language_basque + - css.properties.hyphens.language_belarusian + - css.properties.hyphens.language_bengali + - css.properties.hyphens.language_cyrillic_mongolian + - css.properties.hyphens.language_ethiopic_script_und + - css.properties.hyphens.language_gujarati + - css.properties.hyphens.language_hindi + - css.properties.hyphens.language_irish + - css.properties.hyphens.language_kannada + - css.properties.hyphens.language_malayalam + - css.properties.hyphens.language_marathi + - css.properties.hyphens.language_old_slavonic + - css.properties.hyphens.language_oriya + - css.properties.hyphens.language_punjabi + - css.properties.hyphens.language_tamil + - css.properties.hyphens.language_telugu + - css.properties.hyphens.language_turkmen + + # baseline: false + # support: + # chrome: "112" + # chrome_android: "112" + # edge: "112" + - css.properties.hyphens.language_albanian + - css.properties.hyphens.language_amharic + - css.properties.hyphens.language_ethiopic_script_mul + - css.properties.hyphens.language_georgian + - css.properties.hyphens.language_latvian + - css.properties.hyphens.language_modern_greek + + # baseline: false + # support: + # firefox: "43" + # firefox_android: "43" + - css.properties.hyphens.language_bosnian + - css.properties.hyphens.language_esperanto + - css.properties.hyphens.language_icelandic + - css.properties.hyphens.language_interlingua + - css.properties.hyphens.language_kurmanji + - css.properties.hyphens.language_mongolian + - css.properties.hyphens.language_upper_sorbian