Adds additional compat keys to page-breaks and column-breaks

features/column-breaks.yml

@@ -2,3 +2,19 @@ name: Column breaks
 description: In columnar layouts (created by the `columns` or `column-count` CSS properties), the `break-after`, `break-before`, `break-inside` properties control where columns start or end.
 spec: https://drafts.csswg.org/css-break-3/#breaking-controls
 group: layout
+compat_features:
+  - css.properties.break-after.avoid-column
+  - css.properties.break-after.column
+  - css.properties.break-after.multicol_context
+  - css.properties.break-after.multicol_context.avoid
+  - css.properties.break-after.multicol_context.avoid-column
+  - css.properties.break-after.multicol_context.column
+  - css.properties.break-before.avoid-column
+  - css.properties.break-before.column
+  - css.properties.break-before.multicol_context
+  - css.properties.break-before.multicol_context.avoid
+  - css.properties.break-before.multicol_context.avoid-column
+  - css.properties.break-before.multicol_context.column
+  - css.properties.break-inside.avoid-column
+  - css.properties.break-inside.multicol_context
+  - css.properties.break-inside.multicol_context.avoid-column

features/column-breaks.yml.dist

@@ -34,6 +34,31 @@ compat_features:
   #   safari_ios: "10"
   - css.properties.break-inside.multicol_context.avoid-column
 
+  # baseline: high
+  # baseline_low_date: 2021-09-07
+  # baseline_high_date: 2024-03-07
+  # support:
+  #   chrome: ≤80
+  #   chrome_android: "80"
+  #   edge: ≤80
+  #   firefox: "92"
+  #   firefox_android: "92"
+  #   safari: ≤13.1
+  #   safari_ios: ≤13.4
+  - css.properties.break-inside.avoid-column
+
+  # baseline: false
+  # support:
+  #   chrome: ≤80
+  #   chrome_android: "80"
+  #   edge: ≤80
+  #   safari: ≤13.1
+  #   safari_ios: ≤13.4
+  - css.properties.break-after.avoid-column
+  - css.properties.break-after.column
+  - css.properties.break-before.avoid-column
+  - css.properties.break-before.column
+
   # baseline: false
   # support:
   #   chrome: "50"

features/page-breaks.yml

@@ -1,5 +1,55 @@
 name: Page breaks
 description: The `break-after`, `break-before`, `break-inside` CSS properties (along with `page-break-` aliases) control where printed pages start and end. Also known as pagination or page breaking.
-spec: https://drafts.csswg.org/css-break-3/#breaking-controls
+spec: https://drafts.csswg.org/css-break-4/#breaking-controls
 group: layout
 caniuse: css-page-break
+status:
+  # TODO: review this when https://github.com/web-platform-dx/web-features/issues/1878 is resolved
+  compute_from: css.properties.page-break-after.avoid
+compat_features:
+  - css.properties.break-after
+  - css.properties.break-after.always
+  - css.properties.break-after.auto
+  - css.properties.break-after.avoid
+  - css.properties.break-after.avoid-page
+  - css.properties.break-after.left
+  - css.properties.break-after.page
+  - css.properties.break-after.paged_context
+  - css.properties.break-after.paged_context.avoid-page
+  - css.properties.break-after.paged_context.page
+  - css.properties.break-after.recto
+  - css.properties.break-after.right
+  - css.properties.break-after.verso
+  - css.properties.break-before
+  - css.properties.break-before.always
+  - css.properties.break-before.auto
+  - css.properties.break-before.avoid
+  - css.properties.break-before.avoid-page
+  - css.properties.break-before.left
+  - css.properties.break-before.page
+  - css.properties.break-before.paged_context
+  - css.properties.break-before.paged_context.page
+  - css.properties.break-before.recto
+  - css.properties.break-before.right
+  - css.properties.break-before.verso
+  - css.properties.break-inside
+  - css.properties.break-inside.auto
+  - css.properties.break-inside.avoid
+  - css.properties.break-inside.avoid-page
+  - css.properties.break-inside.paged_context
+  - css.properties.break-inside.paged_context.avoid-page
+  - css.properties.page-break-after
+  - css.properties.page-break-after.always
+  - css.properties.page-break-after.auto
+  - css.properties.page-break-after.avoid
+  - css.properties.page-break-after.left
+  - css.properties.page-break-after.right
+  - css.properties.page-break-before
+  - css.properties.page-break-before.always
+  - css.properties.page-break-before.auto
+  - css.properties.page-break-before.avoid
+  - css.properties.page-break-before.left
+  - css.properties.page-break-before.right
+  - css.properties.page-break-inside
+  - css.properties.page-break-inside.auto
+  - css.properties.page-break-inside.avoid

features/page-breaks.yml.dist

@@ -4,8 +4,8 @@
 status:
   baseline: false
   support:
-    chrome: "50"
-    chrome_android: "50"
+    chrome: "1"
+    chrome_android: "18"
     edge: "12"
 compat_features:
   # baseline: high
@@ -20,7 +20,15 @@ compat_features:
   #   safari: "1.2"
   #   safari_ios: "1"
   - css.properties.page-break-after
+  - css.properties.page-break-after.always
+  - css.properties.page-break-after.auto
+  - css.properties.page-break-after.left
+  - css.properties.page-break-after.right
   - css.properties.page-break-before
+  - css.properties.page-break-before.always
+  - css.properties.page-break-before.auto
+  - css.properties.page-break-before.left
+  - css.properties.page-break-before.right
 
   # baseline: high
   # baseline_low_date: 2015-07-29
@@ -34,6 +42,7 @@ compat_features:
   #   safari: "1.3"
   #   safari_ios: "1"
   - css.properties.page-break-inside
+  - css.properties.page-break-inside.auto
   - css.properties.page-break-inside.avoid
 
   # baseline: high
@@ -56,10 +65,87 @@ compat_features:
   - css.properties.break-inside
   - css.properties.break-inside.paged_context
 
+  # baseline: high
+  # baseline_low_date: 2020-07-28
+  # baseline_high_date: 2023-01-28
+  # support:
+  #   chrome: ≤80
+  #   chrome_android: "80"
+  #   edge: ≤80
+  #   firefox: ≤72
+  #   firefox_android: "79"
+  #   safari: ≤13.1
+  #   safari_ios: ≤13.4
+  - css.properties.break-after.auto
+  - css.properties.break-after.avoid
+  - css.properties.break-after.left
+  - css.properties.break-after.page
+  - css.properties.break-after.right
+  - css.properties.break-before.auto
+  - css.properties.break-before.avoid
+  - css.properties.break-before.left
+  - css.properties.break-before.page
+  - css.properties.break-before.right
+  - css.properties.break-inside.auto
+  - css.properties.break-inside.avoid
+
+  # baseline: high
+  # baseline_low_date: 2021-09-07
+  # baseline_high_date: 2024-03-07
+  # support:
+  #   chrome: ≤80
+  #   chrome_android: "80"
+  #   edge: ≤80
+  #   firefox: "92"
+  #   firefox_android: "92"
+  #   safari: ≤13.1
+  #   safari_ios: ≤13.4
+  - css.properties.break-inside.avoid-page
+
+  # baseline: false
+  # support:
+  #   chrome: "50"
+  #   chrome_android: "50"
+  #   edge: "12"
+  #   safari: "10"
+  #   safari_ios: "10"
+  - css.properties.break-after.paged_context.avoid-page
+
+  # baseline: false
+  # support:
+  #   chrome: "51"
+  #   chrome_android: "51"
+  #   edge: "12"
+  #   firefox: "92"
+  #   firefox_android: "92"
+  - css.properties.break-inside.paged_context.avoid-page
+
+  # baseline: false
+  # support:
+  #   chrome: ≤80
+  #   chrome_android: "80"
+  #   edge: ≤80
+  #   safari: ≤13.1
+  #   safari_ios: ≤13.4
+  - css.properties.break-after.avoid-page
+  - css.properties.break-after.recto
+  - css.properties.break-after.verso
+  - css.properties.break-before.avoid-page
+  - css.properties.break-before.recto
+  - css.properties.break-before.verso
+
+  # ⬇️ Same status as overall feature ⬇️
   # baseline: false
   # support:
   #   chrome: "1"
   #   chrome_android: "18"
   #   edge: "12"
   - css.properties.page-break-after.avoid
   - css.properties.page-break-before.avoid
+
+  # baseline: false
+  # support:
+  #   firefox: ≤72
+  #   firefox_android: "79"
+  - css.properties.break-after.always
+  - css.properties.break-before.always