From 0143b042111836fe2c7b0a5fbc4bc7dc5a74765e Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Thu, 14 Nov 2024 09:11:49 -0800 Subject: [PATCH 1/8] Updates content-visibility feature --- features/content-visibility.yml | 11 +++++++++++ features/content-visibility.yml.dist | 12 ++++++++++++ 2 files changed, 23 insertions(+) diff --git a/features/content-visibility.yml b/features/content-visibility.yml index 734f88fc7d7..0ead85cb5c6 100644 --- a/features/content-visibility.yml +++ b/features/content-visibility.yml @@ -3,3 +3,14 @@ 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 +status: + compute_from: api.ContentVisibilityAutoStateChangeEvent +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 diff --git a/features/content-visibility.yml.dist b/features/content-visibility.yml.dist index 74b3bb01e41..ace6cb2c66d 100644 --- a/features/content-visibility.yml.dist +++ b/features/content-visibility.yml.dist @@ -24,6 +24,9 @@ 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 @@ -39,3 +42,12 @@ compat_features: - api.ContentVisibilityAutoStateChangeEvent - api.ContentVisibilityAutoStateChangeEvent.ContentVisibilityAutoStateChangeEvent - api.ContentVisibilityAutoStateChangeEvent.skipped + + # baseline: false + # support: + # chrome: "108" + # chrome_android: "108" + # edge: "108" + # firefox: "130" + # firefox_android: "130" + - api.Element.contentvisibilityautostatechange_event From 5fa80566eeff6eb2af7fe99973a1b0ed787582b1 Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Thu, 14 Nov 2024 10:00:14 -0800 Subject: [PATCH 2/8] Adds contain CSS property --- features/contain.yml | 11 +++++++++++ features/contain.yml.dist | 19 +++++++++++++++++++ 2 files changed, 30 insertions(+) create mode 100644 features/contain.yml create mode 100644 features/contain.yml.dist diff --git a/features/contain.yml b/features/contain.yml new file mode 100644 index 00000000000..0c210347bad --- /dev/null +++ b/features/contain.yml @@ -0,0 +1,11 @@ +name: contain +description: "The `contain` CSS property sets limit to the scope of styles, layout and paint rednering for speed and efficiency. The `contain: none`, `contain: strict`, and `contain: content` CSS declarations apply no containment limits, all containment limits, and all but the `size` containment limits respectively." +spec: https://drafts.csswg.org/css-contain-2/#contain-property +group: containment +caniuse: css-containment +compat_features: + # Already included in `contain: size` + #- css.properties.contain + - css.properties.contain.content + - css.properties.contain.none + - css.properties.contain.strict diff --git a/features/contain.yml.dist b/features/contain.yml.dist new file mode 100644 index 00000000000..792121dc82d --- /dev/null +++ b/features/contain.yml.dist @@ -0,0 +1,19 @@ +# 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.content + - css.properties.contain.none + - css.properties.contain.strict From 53385ab96cbbce89b1ee4f4acf4ea3a58a4d96e3 Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Thu, 14 Nov 2024 10:11:43 -0800 Subject: [PATCH 3/8] Updates description --- features/contain.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/features/contain.yml b/features/contain.yml index 0c210347bad..d882a08528a 100644 --- a/features/contain.yml +++ b/features/contain.yml @@ -1,5 +1,5 @@ name: contain -description: "The `contain` CSS property sets limit to the scope of styles, layout and paint rednering for speed and efficiency. The `contain: none`, `contain: strict`, and `contain: content` CSS declarations apply no containment limits, all containment limits, and all but the `size` containment limits respectively." +description: "The `contain` CSS property sets limits to the scope of styles, layout, and paint rendering for speed and efficiency. The `contain: none` CSS declaration disables containment, the `contain: strict` CSS declaration is equivalent to `contain: size layout style paint`, and the `contain: content` CSS declaration is equivalent to `contain: layout style paint`" spec: https://drafts.csswg.org/css-contain-2/#contain-property group: containment caniuse: css-containment From a4b6a5ea7a6cad3cd00ecf863d0498b0c79c9989 Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Fri, 15 Nov 2024 08:59:58 -0800 Subject: [PATCH 4/8] Edit description for length --- features/contain.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/features/contain.yml b/features/contain.yml index d882a08528a..40e429c6b0e 100644 --- a/features/contain.yml +++ b/features/contain.yml @@ -1,5 +1,5 @@ name: contain -description: "The `contain` CSS property sets limits to the scope of styles, layout, and paint rendering for speed and efficiency. The `contain: none` CSS declaration disables containment, the `contain: strict` CSS declaration is equivalent to `contain: size layout style paint`, and the `contain: content` CSS declaration is equivalent to `contain: layout style paint`" +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. The `strict` and `content` keyword values are equivalent to `contain: size layout style paint` and `contain: layout style paint` respectively." spec: https://drafts.csswg.org/css-contain-2/#contain-property group: containment caniuse: css-containment From 0473baa8156bcb35b714d6e7fc7c2d45eca264b9 Mon Sep 17 00:00:00 2001 From: Victor Allen Date: Thu, 21 Nov 2024 10:37:53 -0800 Subject: [PATCH 5/8] Update features/contain.yml description Co-authored-by: James Stuckey Weber --- features/contain.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/features/contain.yml b/features/contain.yml index 40e429c6b0e..8456c099def 100644 --- a/features/contain.yml +++ b/features/contain.yml @@ -1,5 +1,5 @@ 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. The `strict` and `content` keyword values are equivalent to `contain: size layout style paint` and `contain: layout style paint` respectively." +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 From 2bb489d74f8c658c30de5de3ec87022d7b9a7e8b Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Fri, 22 Nov 2024 08:41:13 -0800 Subject: [PATCH 6/8] Moves `css.properties.contain` key to `contain` feature --- features/contain-size.yml | 1 - features/contain-size.yml.dist | 1 - features/contain.yml | 3 +-- features/contain.yml.dist | 1 + 4 files changed, 2 insertions(+), 4 deletions(-) diff --git a/features/contain-size.yml b/features/contain-size.yml index 28e93cd3e3d..84ca05e4364 100644 --- a/features/contain-size.yml +++ b/features/contain-size.yml @@ -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 diff --git a/features/contain-size.yml.dist b/features/contain-size.yml.dist index 2dcb9b5d7b1..f961028a3df 100644 --- a/features/contain-size.yml.dist +++ b/features/contain-size.yml.dist @@ -14,5 +14,4 @@ status: safari: "15.4" safari_ios: "15.4" compat_features: - - css.properties.contain - css.properties.contain.size diff --git a/features/contain.yml b/features/contain.yml index 8456c099def..4781a267540 100644 --- a/features/contain.yml +++ b/features/contain.yml @@ -4,8 +4,7 @@ spec: https://drafts.csswg.org/css-contain-2/#contain-property group: containment caniuse: css-containment compat_features: - # Already included in `contain: size` - #- css.properties.contain + - css.properties.contain - css.properties.contain.content - css.properties.contain.none - css.properties.contain.strict diff --git a/features/contain.yml.dist b/features/contain.yml.dist index 792121dc82d..a4cafe93540 100644 --- a/features/contain.yml.dist +++ b/features/contain.yml.dist @@ -14,6 +14,7 @@ status: safari: "15.4" safari_ios: "15.4" compat_features: + - css.properties.contain - css.properties.contain.content - css.properties.contain.none - css.properties.contain.strict From 7fabb0aa5bb7e3d1962a59d9c39f4c8670e6b01c Mon Sep 17 00:00:00 2001 From: Victor W Allen Date: Mon, 25 Nov 2024 08:42:15 -0800 Subject: [PATCH 7/8] Removes compute_from to prepare for updated BCD --- features/content-visibility.yml | 2 -- features/content-visibility.yml.dist | 11 ++++------- 2 files changed, 4 insertions(+), 9 deletions(-) diff --git a/features/content-visibility.yml b/features/content-visibility.yml index 0ead85cb5c6..df7bd09d71b 100644 --- a/features/content-visibility.yml +++ b/features/content-visibility.yml @@ -3,8 +3,6 @@ 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 -status: - compute_from: api.ContentVisibilityAutoStateChangeEvent compat_features: - api.ContentVisibilityAutoStateChangeEvent - api.ContentVisibilityAutoStateChangeEvent.ContentVisibilityAutoStateChangeEvent diff --git a/features/content-visibility.yml.dist b/features/content-visibility.yml.dist index ace6cb2c66d..45966fa7e4d 100644 --- a/features/content-visibility.yml.dist +++ b/features/content-visibility.yml.dist @@ -2,16 +2,13 @@ # Do not edit this file by hand. Edit the source file instead! status: - baseline: low - baseline_low_date: 2024-09-16 + baseline: false support: chrome: "108" chrome_android: "108" edge: "108" - firefox: "125" - firefox_android: "125" - safari: "18" - safari_ios: "18" + firefox: "130" + firefox_android: "130" compat_features: # baseline: low # baseline_low_date: 2024-09-16 @@ -28,7 +25,6 @@ compat_features: - css.properties.content-visibility.hidden - css.properties.content-visibility.visible - # ⬇️ Same status as overall feature ⬇️ # baseline: low # baseline_low_date: 2024-09-16 # support: @@ -43,6 +39,7 @@ compat_features: - api.ContentVisibilityAutoStateChangeEvent.ContentVisibilityAutoStateChangeEvent - api.ContentVisibilityAutoStateChangeEvent.skipped + # ⬇️ Same status as overall feature ⬇️ # baseline: false # support: # chrome: "108" From 837405cee95ef3fe64726705db63916794ecad74 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 27 Nov 2024 14:23:06 -0500 Subject: [PATCH 8/8] Update dist --- features/content-visibility.yml.dist | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/features/content-visibility.yml.dist b/features/content-visibility.yml.dist index 45966fa7e4d..a1de818c29e 100644 --- a/features/content-visibility.yml.dist +++ b/features/content-visibility.yml.dist @@ -2,13 +2,16 @@ # Do not edit this file by hand. Edit the source file instead! status: - baseline: false + 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" compat_features: # baseline: low # baseline_low_date: 2024-09-16 @@ -40,11 +43,14 @@ compat_features: - api.ContentVisibilityAutoStateChangeEvent.skipped # ⬇️ Same status as overall feature ⬇️ - # baseline: false + # 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