Skip to content

Commit

Permalink
Adds additional contain features and keys (#2252)
Browse files Browse the repository at this point in the history
  • Loading branch information
vwallen authored Nov 27, 2024
1 parent 641ee5a commit e916753
Show file tree
Hide file tree
Showing 6 changed files with 57 additions and 5 deletions.
1 change: 0 additions & 1 deletion features/contain-size.yml
Original file line number Diff line number Diff line change
Expand Up @@ -3,5 +3,4 @@ description: "The `contain: size` CSS declaration sets an element's dimensions e
spec: https://drafts.csswg.org/css-contain-2/#containment-size
group: containment
compat_features:
- css.properties.contain
- css.properties.contain.size
1 change: 0 additions & 1 deletion features/contain-size.yml.dist
Original file line number Diff line number Diff line change
Expand Up @@ -14,5 +14,4 @@ status:
safari: "15.4"
safari_ios: "15.4"
compat_features:
- css.properties.contain
- css.properties.contain.size
10 changes: 10 additions & 0 deletions features/contain.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
name: contain
description: "The `contain` CSS property sets limits to the scope of styles, layout, and paint rendering for speed and efficiency. The `none` keyword value disables containment, `strict` is equivalent to `contain: size layout style paint`, and `content` is equivalent to `contain: layout style paint`."
spec: https://drafts.csswg.org/css-contain-2/#contain-property
group: containment
caniuse: css-containment
compat_features:
- css.properties.contain
- css.properties.contain.content
- css.properties.contain.none
- css.properties.contain.strict
20 changes: 20 additions & 0 deletions features/contain.yml.dist
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
# Generated from: contain.yml
# Do not edit this file by hand. Edit the source file instead!

status:
baseline: high
baseline_low_date: 2022-03-14
baseline_high_date: 2024-09-14
support:
chrome: "52"
chrome_android: "52"
edge: "79"
firefox: "69"
firefox_android: "79"
safari: "15.4"
safari_ios: "15.4"
compat_features:
- css.properties.contain
- css.properties.contain.content
- css.properties.contain.none
- css.properties.contain.strict
9 changes: 9 additions & 0 deletions features/content-visibility.yml
Original file line number Diff line number Diff line change
Expand Up @@ -3,3 +3,12 @@ description: The `content-visibility` CSS property delays rendering an element,
spec: https://drafts.csswg.org/css-contain-2/#content-visibility
group: css
caniuse: css-content-visibility
compat_features:
- api.ContentVisibilityAutoStateChangeEvent
- api.ContentVisibilityAutoStateChangeEvent.ContentVisibilityAutoStateChangeEvent
- api.ContentVisibilityAutoStateChangeEvent.skipped
- api.Element.contentvisibilityautostatechange_event
- css.properties.content-visibility
- css.properties.content-visibility.auto
- css.properties.content-visibility.hidden
- css.properties.content-visibility.visible
21 changes: 18 additions & 3 deletions features/content-visibility.yml.dist
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@ status:
chrome: "108"
chrome_android: "108"
edge: "108"
firefox: "125"
firefox_android: "125"
firefox: "130"
firefox_android: "130"
safari: "18"
safari_ios: "18"
compat_features:
Expand All @@ -24,8 +24,10 @@ compat_features:
# safari: "18"
# safari_ios: "18"
- css.properties.content-visibility
- css.properties.content-visibility.auto
- css.properties.content-visibility.hidden
- css.properties.content-visibility.visible

# ⬇️ Same status as overall feature ⬇️
# baseline: low
# baseline_low_date: 2024-09-16
# support:
Expand All @@ -39,3 +41,16 @@ compat_features:
- api.ContentVisibilityAutoStateChangeEvent
- api.ContentVisibilityAutoStateChangeEvent.ContentVisibilityAutoStateChangeEvent
- api.ContentVisibilityAutoStateChangeEvent.skipped

# ⬇️ Same status as overall feature ⬇️
# baseline: low
# baseline_low_date: 2024-09-16
# support:
# chrome: "108"
# chrome_android: "108"
# edge: "108"
# firefox: "130"
# firefox_android: "130"
# safari: "18"
# safari_ios: "18"
- api.Element.contentvisibilityautostatechange_event

0 comments on commit e916753

Please sign in to comment.