diff --git a/features/backdrop.yml b/features/backdrop.yml index 25dab74a360..db0a4fbdbf9 100644 --- a/features/backdrop.yml +++ b/features/backdrop.yml @@ -2,5 +2,8 @@ name: "::backdrop" description: The `::backdrop` CSS pseudo-element is a box underneath an element in the top layer, such as a ``. It can be used to create obscuring effects distinguishing a modal element from the elements underneath. spec: https://drafts.csswg.org/css-position-4/#backdrop group: selectors +status: + compute_from: css.selectors.backdrop compat_features: - css.selectors.backdrop + - css.selectors.backdrop.inherit_from_originating_element diff --git a/features/backdrop.yml.dist b/features/backdrop.yml.dist index a68459a1610..8db0ff094fb 100644 --- a/features/backdrop.yml.dist +++ b/features/backdrop.yml.dist @@ -14,4 +14,28 @@ status: safari: "15.4" safari_ios: "15.4" compat_features: + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2022-03-14 + # baseline_high_date: 2024-09-14 + # support: + # chrome: "37" + # chrome_android: "37" + # edge: "79" + # firefox: "47" + # firefox_android: "47" + # safari: "15.4" + # safari_ios: "15.4" - css.selectors.backdrop + + # baseline: low + # baseline_low_date: 2024-03-05 + # support: + # chrome: "122" + # chrome_android: "122" + # edge: "122" + # firefox: "120" + # firefox_android: "120" + # safari: "17.4" + # safari_ios: "17.4" + - css.selectors.backdrop.inherit_from_originating_element diff --git a/features/flexbox.yml b/features/flexbox.yml index 19a691f31d2..dd4d7c0a98b 100644 --- a/features/flexbox.yml +++ b/features/flexbox.yml @@ -3,16 +3,31 @@ description: Flexbox is a one-dimensional layout system, which places content ei spec: https://drafts.csswg.org/css-flexbox-1/ group: flexbox caniuse: flexbox -# Status is manually set to match https://caniuse.com/flexbox. -# TODO: https://github.com/web-platform-dx/web-features/pull/1227 status: - baseline: high - baseline_low_date: 2015-09-30 - support: - chrome: "29" - chrome_android: "29" - edge: "12" - firefox: "28" - firefox_android: "28" - safari: "9" - safari_ios: "9" + compute_from: css.properties.display.flex +compat_features: + - css.properties.display.flex + - css.properties.display.inline-flex + - css.properties.flex + - css.properties.flex-direction + - css.properties.flex-grow + - css.properties.flex-shrink + - css.properties.order + - css.properties.flex-basis + - css.properties.flex-basis.auto + - css.properties.align-content.flex_context + - css.properties.flex-flow + - css.properties.flex-wrap + - css.properties.align-self.flex_context + - css.properties.align-items.flex_context + - css.properties.justify-content.flex_context + - css.properties.justify-items.flex_context + - css.properties.align-content.flex_context.stretch + - css.properties.align-self.flex_context.stretch + - css.properties.justify-content.flex_context.stretch + - css.properties.place-content.flex_context + - css.properties.place-items.flex_context + - css.properties.place-self.flex_context + - css.properties.align-self.flex_context.baseline + - css.properties.align-items.flex_context.baseline + - css.properties.position.absolutely_positioned_flex_children diff --git a/features/flexbox.yml.dist b/features/flexbox.yml.dist index c4dfedf1a32..3e96c74edec 100644 --- a/features/flexbox.yml.dist +++ b/features/flexbox.yml.dist @@ -1,7 +1,20 @@ # Generated from: flexbox.yml # Do not edit this file by hand. Edit the source file instead! +status: + baseline: high + baseline_low_date: 2015-09-30 + baseline_high_date: 2018-03-30 + support: + chrome: "29" + chrome_android: "29" + edge: "12" + firefox: "20" + firefox_android: "20" + safari: "9" + safari_ios: "9" compat_features: + # ⬇️ Same status as overall feature ⬇️ # baseline: high # baseline_low_date: 2015-09-30 # baseline_high_date: 2018-03-30 @@ -78,6 +91,19 @@ compat_features: - css.properties.justify-content.flex_context - css.properties.justify-items.flex_context + # baseline: high + # baseline_low_date: 2017-09-19 + # baseline_high_date: 2020-03-19 + # support: + # chrome: "52" + # chrome_android: "52" + # edge: "12" + # firefox: "52" + # firefox_android: "52" + # safari: "11" + # safari_ios: "11" + - css.properties.position.absolutely_positioned_flex_children + # baseline: high # baseline_low_date: 2020-01-15 # baseline_high_date: 2022-07-15