diff --git a/features/column-breaks.yml b/features/column-breaks.yml index 863a3003151..57803ee82e7 100644 --- a/features/column-breaks.yml +++ b/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 diff --git a/features/column-breaks.yml.dist b/features/column-breaks.yml.dist index bd6e7a010c0..70570809a71 100644 --- a/features/column-breaks.yml.dist +++ b/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" diff --git a/features/page-breaks.yml b/features/page-breaks.yml index 917b7a168bb..6fa1cb65236 100644 --- a/features/page-breaks.yml +++ b/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 diff --git a/features/page-breaks.yml.dist b/features/page-breaks.yml.dist index 3f59a101053..302501b7b0f 100644 --- a/features/page-breaks.yml.dist +++ b/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,6 +65,76 @@ 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" @@ -63,3 +142,10 @@ compat_features: # 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