From f792f9fb5d6e1d2790f38127e6578b79ca7f386d Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Fri, 18 Oct 2024 15:31:40 -0400 Subject: [PATCH 1/6] Add CSSOM and related features --- features/alternative-style-sheets.yml | 6 + features/alternative-style-sheets.yml.dist | 10 + features/css-escape.yml | 5 + features/css-escape.yml.dist | 17 ++ features/css-object-model.yml | 74 ++++++++ features/css-object-model.yml.dist | 208 +++++++++++++++++++++ features/get-computed-style.yml | 7 + features/get-computed-style.yml.dist | 42 +++++ features/import.yml | 2 + features/import.yml.dist | 43 ++++- 10 files changed, 404 insertions(+), 10 deletions(-) create mode 100644 features/alternative-style-sheets.yml create mode 100644 features/alternative-style-sheets.yml.dist create mode 100644 features/css-escape.yml create mode 100644 features/css-escape.yml.dist create mode 100644 features/css-object-model.yml create mode 100644 features/css-object-model.yml.dist create mode 100644 features/get-computed-style.yml create mode 100644 features/get-computed-style.yml.dist diff --git a/features/alternative-style-sheets.yml b/features/alternative-style-sheets.yml new file mode 100644 index 00000000000..01e235ffd4d --- /dev/null +++ b/features/alternative-style-sheets.yml @@ -0,0 +1,6 @@ +name: Alternative style sheets +description: The `rel="alternate stylesheet"` flag provides an alternative style option for users. +spec: https://drafts.csswg.org/cssom-1/#concept-css-style-sheet-alternate-flag +group: css +compat_features: + - html.elements.link.rel.alternate_stylesheet \ No newline at end of file diff --git a/features/alternative-style-sheets.yml.dist b/features/alternative-style-sheets.yml.dist new file mode 100644 index 00000000000..01cac61e617 --- /dev/null +++ b/features/alternative-style-sheets.yml.dist @@ -0,0 +1,10 @@ +# Generated from: alternative-style-sheets.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + firefox: "3" + firefox_android: "4" +compat_features: + - html.elements.link.rel.alternate_stylesheet diff --git a/features/css-escape.yml b/features/css-escape.yml new file mode 100644 index 00000000000..f8d0617af1f --- /dev/null +++ b/features/css-escape.yml @@ -0,0 +1,5 @@ +name: CSS.escape() +description: The `CSS.escape()` method escapes a string so that it can be used as a valid CSS selector. +spec: https://drafts.csswg.org/cssom-1/#the-css.escape()-method +compat_features: + - api.CSS.escape_static \ No newline at end of file diff --git a/features/css-escape.yml.dist b/features/css-escape.yml.dist new file mode 100644 index 00000000000..55479d080c0 --- /dev/null +++ b/features/css-escape.yml.dist @@ -0,0 +1,17 @@ +# Generated from: css-escape.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2020-01-15 + baseline_high_date: 2022-07-15 + support: + chrome: "46" + chrome_android: "46" + edge: "79" + firefox: "31" + firefox_android: "31" + safari: "10.1" + safari_ios: "10.3" +compat_features: + - api.CSS.escape_static diff --git a/features/css-object-model.yml b/features/css-object-model.yml new file mode 100644 index 00000000000..4b890fb1d66 --- /dev/null +++ b/features/css-object-model.yml @@ -0,0 +1,74 @@ +name: CSS Object Model +description: The CSS Object Model allows users to create and change CSS styles using JavaScript. Also known as CSSOM. +spec: https://drafts.csswg.org/cssom-1/#css-object-model +compat_features: + - api.CSS + - api.CSSGroupingRule + - api.CSSGroupingRule.cssRules + - api.CSSGroupingRule.deleteRule + - api.CSSGroupingRule.insertRule + - api.CSSPageDescriptors + - api.CSSPageDescriptors.margin + - api.CSSPageDescriptors.margin-bottom + - api.CSSPageDescriptors.margin-left + - api.CSSPageDescriptors.margin-right + - api.CSSPageDescriptors.margin-top + - api.CSSPageDescriptors.marginBottom + - api.CSSPageDescriptors.marginLeft + - api.CSSPageDescriptors.marginRight + - api.CSSPageDescriptors.marginTop + - api.CSSPageDescriptors.page-orientation + - api.CSSPageDescriptors.pageOrientation + - api.CSSPageDescriptors.size + - api.CSSPageRule + - api.CSSPageRule.selectorText + - api.CSSPageRule.style + - api.CSSRule + - api.CSSRule.cssText + - api.CSSRule.parentRule + - api.CSSRule.parentStyleSheet + - api.CSSRuleList + - api.CSSRuleList.item + - api.CSSRuleList.length + - api.CSSStyleDeclaration + - api.CSSStyleDeclaration.cssFloat + - api.CSSStyleDeclaration.cssText + - api.CSSStyleDeclaration.getPropertyPriority + - api.CSSStyleDeclaration.getPropertyValue + - api.CSSStyleDeclaration.item + - api.CSSStyleDeclaration.length + - api.CSSStyleDeclaration.parentRule + - api.CSSStyleDeclaration.removeProperty + - api.CSSStyleDeclaration.setProperty + - api.CSSStyleRule + - api.CSSStyleRule.selectorText + - api.CSSStyleRule.style + - api.CSSStyleSheet + - api.CSSStyleSheet.cssRules + - api.CSSStyleSheet.deleteRule + - api.CSSStyleSheet.insertRule + - api.CSSStyleSheet.ownerRule + - api.Document.styleSheets + - api.HTMLElement.style + - api.HTMLLinkElement.sheet + - api.HTMLStyleElement.sheet + - api.MediaList + - api.MediaList.appendMedium + - api.MediaList.deleteMedium + - api.MediaList.item + - api.MediaList.length + - api.MediaList.mediaText + - api.MediaList.toString + - api.ProcessingInstruction.sheet + - api.ShadowRoot.styleSheets + - api.StyleSheet + - api.StyleSheet.disabled + - api.StyleSheet.href + - api.StyleSheet.media + - api.StyleSheet.ownerNode + - api.StyleSheet.parentStyleSheet + - api.StyleSheet.title + - api.StyleSheet.type + - api.StyleSheetList + - api.StyleSheetList.item + - api.StyleSheetList.length \ No newline at end of file diff --git a/features/css-object-model.yml.dist b/features/css-object-model.yml.dist new file mode 100644 index 00000000000..23a54bbda5f --- /dev/null +++ b/features/css-object-model.yml.dist @@ -0,0 +1,208 @@ +# Generated from: css-object-model.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: {} +compat_features: + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "1" + # safari_ios: "1" + - api.CSSRule + - api.CSSRule.cssText + - api.CSSRule.parentRule + - api.CSSRule.parentStyleSheet + - api.CSSRuleList + - api.CSSRuleList.item + - api.CSSRuleList.length + - api.CSSStyleDeclaration + - api.CSSStyleDeclaration.cssText + - api.CSSStyleDeclaration.getPropertyPriority + - api.CSSStyleDeclaration.getPropertyValue + - api.CSSStyleDeclaration.parentRule + - api.CSSStyleDeclaration.removeProperty + - api.CSSStyleRule + - api.CSSStyleRule.selectorText + - api.CSSStyleRule.style + - api.CSSStyleSheet + - api.CSSStyleSheet.cssRules + - api.CSSStyleSheet.deleteRule + - api.CSSStyleSheet.insertRule + - api.CSSStyleSheet.ownerRule + - api.HTMLLinkElement.sheet + - api.HTMLStyleElement.sheet + - api.MediaList + - api.MediaList.appendMedium + - api.MediaList.deleteMedium + - api.MediaList.item + - api.MediaList.length + - api.MediaList.mediaText + - api.MediaList.toString + - api.StyleSheet + - api.StyleSheet.disabled + - api.StyleSheet.href + - api.StyleSheet.media + - api.StyleSheet.ownerNode + - api.StyleSheet.parentStyleSheet + - api.StyleSheet.title + - api.StyleSheet.type + - api.StyleSheetList + - api.StyleSheetList.item + - api.StyleSheetList.length + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "3" + # safari_ios: "1" + - api.HTMLElement.style + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "4" + # safari_ios: "3.2" + - api.Document.styleSheets + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "6" + # safari_ios: "6" + - api.CSSStyleDeclaration.item + - api.CSSStyleDeclaration.length + - api.CSSStyleDeclaration.setProperty + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "19" + # firefox_android: "19" + # safari: "3" + # safari_ios: "1" + - api.CSSPageRule + - api.CSSPageRule.style + + # baseline: high + # baseline_low_date: 2015-09-30 + # baseline_high_date: 2018-03-30 + # support: + # chrome: "28" + # chrome_android: "28" + # edge: "12" + # firefox: "22" + # firefox_android: "22" + # safari: "9" + # safari_ios: "9" + - api.CSS + + # baseline: high + # baseline_low_date: 2020-01-15 + # baseline_high_date: 2022-07-15 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "79" + # firefox: "1" + # firefox_android: "4" + # safari: "1" + # safari_ios: "1" + - api.ProcessingInstruction.sheet + + # baseline: high + # baseline_low_date: 2020-01-15 + # baseline_high_date: 2022-07-15 + # support: + # chrome: "53" + # chrome_android: "53" + # edge: "79" + # firefox: "63" + # firefox_android: "63" + # safari: "12.1" + # safari_ios: "12.2" + - api.ShadowRoot.styleSheets + + # baseline: high + # baseline_low_date: 2021-04-26 + # baseline_high_date: 2023-10-26 + # support: + # chrome: "45" + # chrome_android: "45" + # edge: "12" + # firefox: "20" + # firefox_android: "20" + # safari: "14.1" + # safari_ios: "14.5" + - api.CSSGroupingRule + - api.CSSGroupingRule.cssRules + - api.CSSGroupingRule.deleteRule + - api.CSSGroupingRule.insertRule + + # baseline: low + # baseline_low_date: 2023-02-14 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "110" + # firefox_android: "110" + # safari: "3" + # safari_ios: "1" + - api.CSSPageRule.selectorText + + # baseline: false + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # safari: "1" + # safari_ios: "1" + - api.CSSStyleDeclaration.cssFloat + + # baseline: false + # support: + # firefox: "129" + # firefox_android: "129" + - api.CSSPageDescriptors + - api.CSSPageDescriptors.margin + - api.CSSPageDescriptors.margin-bottom + - api.CSSPageDescriptors.margin-left + - api.CSSPageDescriptors.margin-right + - api.CSSPageDescriptors.margin-top + - api.CSSPageDescriptors.marginBottom + - api.CSSPageDescriptors.marginLeft + - api.CSSPageDescriptors.marginRight + - api.CSSPageDescriptors.marginTop + - api.CSSPageDescriptors.page-orientation + - api.CSSPageDescriptors.pageOrientation + - api.CSSPageDescriptors.size diff --git a/features/get-computed-style.yml b/features/get-computed-style.yml new file mode 100644 index 00000000000..2733aac0c56 --- /dev/null +++ b/features/get-computed-style.yml @@ -0,0 +1,7 @@ +name: getComputedStyle() +description: The `getComputedStyle()` method returns the values of all CSS properties applied to an element. +spec: https://drafts.csswg.org/cssom-1/#extensions-to-the-window-interface +caniuse: getcomputedstyle +compat_features: + - api.Window.getComputedStyle + - api.Window.getComputedStyle.pseudo_element_support \ No newline at end of file diff --git a/features/get-computed-style.yml.dist b/features/get-computed-style.yml.dist new file mode 100644 index 00000000000..501be84707b --- /dev/null +++ b/features/get-computed-style.yml.dist @@ -0,0 +1,42 @@ +# Generated from: get-computed-style.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "11" + chrome_android: "18" + edge: "12" + firefox: "3.5" + firefox_android: "4" + safari: "5.1" + safari_ios: "5" +compat_features: + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "3" + # safari_ios: "1" + - api.Window.getComputedStyle + + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "11" + # chrome_android: "18" + # edge: "12" + # firefox: "3.5" + # firefox_android: "4" + # safari: "5.1" + # safari_ios: "5" + - api.Window.getComputedStyle.pseudo_element_support diff --git a/features/import.yml b/features/import.yml index 1391cb5dd3e..5deff31a9e1 100644 --- a/features/import.yml +++ b/features/import.yml @@ -8,3 +8,5 @@ compat_features: - api.CSSImportRule.href - api.CSSImportRule.media - api.CSSImportRule.styleSheet + - api.CSSImportRule.supportsText + \ No newline at end of file diff --git a/features/import.yml.dist b/features/import.yml.dist index 25e422658ce..258e3c962cf 100644 --- a/features/import.yml.dist +++ b/features/import.yml.dist @@ -2,20 +2,43 @@ # Do not edit this file by hand. Edit the source file instead! status: - baseline: high - baseline_low_date: 2015-07-29 - baseline_high_date: 2018-01-29 + baseline: low + baseline_low_date: 2024-05-13 support: - chrome: "1" - chrome_android: "18" - edge: "12" - firefox: "1" - firefox_android: "4" - safari: "1" - safari_ios: "1" + chrome: "121" + chrome_android: "121" + edge: "121" + firefox: "114" + firefox_android: "114" + safari: "17.5" + safari_ios: "17.5" compat_features: + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "1" + # safari_ios: "1" - api.CSSImportRule - api.CSSImportRule.href - api.CSSImportRule.media - api.CSSImportRule.styleSheet - css.at-rules.import + + # ⬇️ Same status as overall feature ⬇️ + # baseline: low + # baseline_low_date: 2024-05-13 + # support: + # chrome: "121" + # chrome_android: "121" + # edge: "121" + # firefox: "114" + # firefox_android: "114" + # safari: "17.5" + # safari_ios: "17.5" + - api.CSSImportRule.supportsText From 2babea6ca10e8c73e163824b7dfee190e54bbf02 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Fri, 18 Oct 2024 15:33:02 -0400 Subject: [PATCH 2/6] Format --- features/alternative-style-sheets.yml | 2 +- features/css-escape.yml | 2 +- features/css-object-model.yml | 2 +- features/get-computed-style.yml | 2 +- features/import.yml | 1 - 5 files changed, 4 insertions(+), 5 deletions(-) diff --git a/features/alternative-style-sheets.yml b/features/alternative-style-sheets.yml index 01e235ffd4d..41a45675682 100644 --- a/features/alternative-style-sheets.yml +++ b/features/alternative-style-sheets.yml @@ -3,4 +3,4 @@ description: The `rel="alternate stylesheet"` flag provides an alternative style spec: https://drafts.csswg.org/cssom-1/#concept-css-style-sheet-alternate-flag group: css compat_features: - - html.elements.link.rel.alternate_stylesheet \ No newline at end of file + - html.elements.link.rel.alternate_stylesheet diff --git a/features/css-escape.yml b/features/css-escape.yml index f8d0617af1f..ac2508b8cc9 100644 --- a/features/css-escape.yml +++ b/features/css-escape.yml @@ -2,4 +2,4 @@ name: CSS.escape() description: The `CSS.escape()` method escapes a string so that it can be used as a valid CSS selector. spec: https://drafts.csswg.org/cssom-1/#the-css.escape()-method compat_features: - - api.CSS.escape_static \ No newline at end of file + - api.CSS.escape_static diff --git a/features/css-object-model.yml b/features/css-object-model.yml index 4b890fb1d66..2bceb5e48b4 100644 --- a/features/css-object-model.yml +++ b/features/css-object-model.yml @@ -71,4 +71,4 @@ compat_features: - api.StyleSheet.type - api.StyleSheetList - api.StyleSheetList.item - - api.StyleSheetList.length \ No newline at end of file + - api.StyleSheetList.length diff --git a/features/get-computed-style.yml b/features/get-computed-style.yml index 2733aac0c56..e9d1d19f375 100644 --- a/features/get-computed-style.yml +++ b/features/get-computed-style.yml @@ -4,4 +4,4 @@ spec: https://drafts.csswg.org/cssom-1/#extensions-to-the-window-interface caniuse: getcomputedstyle compat_features: - api.Window.getComputedStyle - - api.Window.getComputedStyle.pseudo_element_support \ No newline at end of file + - api.Window.getComputedStyle.pseudo_element_support diff --git a/features/import.yml b/features/import.yml index 5deff31a9e1..f2b0f22d4d5 100644 --- a/features/import.yml +++ b/features/import.yml @@ -9,4 +9,3 @@ compat_features: - api.CSSImportRule.media - api.CSSImportRule.styleSheet - api.CSSImportRule.supportsText - \ No newline at end of file From 911b4d0ae25d6b955462cdd42490b76e48bf1eb7 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Tue, 22 Oct 2024 12:24:03 -0400 Subject: [PATCH 3/6] Remove supportsText --- features/import.yml | 1 - features/import.yml.dist | 43 ++++++++++------------------------------ 2 files changed, 10 insertions(+), 34 deletions(-) diff --git a/features/import.yml b/features/import.yml index f2b0f22d4d5..1391cb5dd3e 100644 --- a/features/import.yml +++ b/features/import.yml @@ -8,4 +8,3 @@ compat_features: - api.CSSImportRule.href - api.CSSImportRule.media - api.CSSImportRule.styleSheet - - api.CSSImportRule.supportsText diff --git a/features/import.yml.dist b/features/import.yml.dist index 258e3c962cf..25e422658ce 100644 --- a/features/import.yml.dist +++ b/features/import.yml.dist @@ -2,43 +2,20 @@ # Do not edit this file by hand. Edit the source file instead! status: - baseline: low - baseline_low_date: 2024-05-13 + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 support: - chrome: "121" - chrome_android: "121" - edge: "121" - firefox: "114" - firefox_android: "114" - safari: "17.5" - safari_ios: "17.5" + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "1" + safari_ios: "1" compat_features: - # baseline: high - # baseline_low_date: 2015-07-29 - # baseline_high_date: 2018-01-29 - # support: - # chrome: "1" - # chrome_android: "18" - # edge: "12" - # firefox: "1" - # firefox_android: "4" - # safari: "1" - # safari_ios: "1" - api.CSSImportRule - api.CSSImportRule.href - api.CSSImportRule.media - api.CSSImportRule.styleSheet - css.at-rules.import - - # ⬇️ Same status as overall feature ⬇️ - # baseline: low - # baseline_low_date: 2024-05-13 - # support: - # chrome: "121" - # chrome_android: "121" - # edge: "121" - # firefox: "114" - # firefox_android: "114" - # safari: "17.5" - # safari_ios: "17.5" - - api.CSSImportRule.supportsText From 974873a244ce43644f0474196267b4247cb33232 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 23 Oct 2024 16:55:31 -0400 Subject: [PATCH 4/6] Add cssom group --- features/css-escape.yml | 1 + features/css-object-model.yml | 1 + features/get-computed-style.yml | 1 + groups/cssom.yml | 3 +++ 4 files changed, 6 insertions(+) create mode 100644 groups/cssom.yml diff --git a/features/css-escape.yml b/features/css-escape.yml index ac2508b8cc9..a19de70ff91 100644 --- a/features/css-escape.yml +++ b/features/css-escape.yml @@ -1,5 +1,6 @@ name: CSS.escape() description: The `CSS.escape()` method escapes a string so that it can be used as a valid CSS selector. spec: https://drafts.csswg.org/cssom-1/#the-css.escape()-method +group: cssom compat_features: - api.CSS.escape_static diff --git a/features/css-object-model.yml b/features/css-object-model.yml index 2bceb5e48b4..47fce493867 100644 --- a/features/css-object-model.yml +++ b/features/css-object-model.yml @@ -1,6 +1,7 @@ name: CSS Object Model description: The CSS Object Model allows users to create and change CSS styles using JavaScript. Also known as CSSOM. spec: https://drafts.csswg.org/cssom-1/#css-object-model +group: cssom compat_features: - api.CSS - api.CSSGroupingRule diff --git a/features/get-computed-style.yml b/features/get-computed-style.yml index e9d1d19f375..e23fa90fa06 100644 --- a/features/get-computed-style.yml +++ b/features/get-computed-style.yml @@ -2,6 +2,7 @@ name: getComputedStyle() description: The `getComputedStyle()` method returns the values of all CSS properties applied to an element. spec: https://drafts.csswg.org/cssom-1/#extensions-to-the-window-interface caniuse: getcomputedstyle +group: cssom compat_features: - api.Window.getComputedStyle - api.Window.getComputedStyle.pseudo_element_support diff --git a/groups/cssom.yml b/groups/cssom.yml new file mode 100644 index 00000000000..3242771a880 --- /dev/null +++ b/groups/cssom.yml @@ -0,0 +1,3 @@ +name: CSS Object Models +# description: The CSS Object Model (CSSOM) and CSS Typed Object Model allow authors to programmatically interact with CSS with JavaScript. +parent: css From 9407fb9a26ce0108c95e163e2cd3fef5b37cfdb5 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 23 Oct 2024 17:00:24 -0400 Subject: [PATCH 5/6] Add additional keys, set compute_from --- features/css-object-model.yml | 8 +++++ features/css-object-model.yml.dist | 47 ++++++++++++++++++++++++++++-- 2 files changed, 53 insertions(+), 2 deletions(-) diff --git a/features/css-object-model.yml b/features/css-object-model.yml index 47fce493867..e2031d16fa1 100644 --- a/features/css-object-model.yml +++ b/features/css-object-model.yml @@ -2,6 +2,8 @@ name: CSS Object Model description: The CSS Object Model allows users to create and change CSS styles using JavaScript. Also known as CSSOM. spec: https://drafts.csswg.org/cssom-1/#css-object-model group: cssom +status: + compute_from: api.CSS compat_features: - api.CSS - api.CSSGroupingRule @@ -24,6 +26,7 @@ compat_features: - api.CSSPageRule - api.CSSPageRule.selectorText - api.CSSPageRule.style + - api.CSSPageRule.style.type_CSSPageDescriptors - api.CSSRule - api.CSSRule.cssText - api.CSSRule.parentRule @@ -41,6 +44,7 @@ compat_features: - api.CSSStyleDeclaration.parentRule - api.CSSStyleDeclaration.removeProperty - api.CSSStyleDeclaration.setProperty + - api.CSSStyleDeclaration.@@iterator - api.CSSStyleRule - api.CSSStyleRule.selectorText - api.CSSStyleRule.style @@ -48,6 +52,7 @@ compat_features: - api.CSSStyleSheet.cssRules - api.CSSStyleSheet.deleteRule - api.CSSStyleSheet.insertRule + - api.CSSStyleSheet.insertRule.index_parameter_optional - api.CSSStyleSheet.ownerRule - api.Document.styleSheets - api.HTMLElement.style @@ -73,3 +78,6 @@ compat_features: - api.StyleSheetList - api.StyleSheetList.item - api.StyleSheetList.length + - api.CSSMarginRule + - api.CSSMarginRule.name + - api.CSSMarginRule.style diff --git a/features/css-object-model.yml.dist b/features/css-object-model.yml.dist index 23a54bbda5f..f2ca5118fa7 100644 --- a/features/css-object-model.yml.dist +++ b/features/css-object-model.yml.dist @@ -2,8 +2,17 @@ # Do not edit this file by hand. Edit the source file instead! status: - baseline: false - support: {} + baseline: high + baseline_low_date: 2015-09-30 + baseline_high_date: 2018-03-30 + support: + chrome: "28" + chrome_android: "28" + edge: "12" + firefox: "22" + firefox_android: "22" + safari: "9" + safari_ios: "9" compat_features: # baseline: high # baseline_low_date: 2015-07-29 @@ -113,6 +122,7 @@ compat_features: - api.CSSPageRule - api.CSSPageRule.style + # ⬇️ Same status as overall feature ⬇️ # baseline: high # baseline_low_date: 2015-09-30 # baseline_high_date: 2018-03-30 @@ -126,6 +136,32 @@ compat_features: # safari_ios: "9" - api.CSS + # baseline: high + # baseline_low_date: 2017-08-08 + # baseline_high_date: 2020-02-08 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "55" + # firefox_android: "55" + # safari: "1" + # safari_ios: "1" + - api.CSSStyleSheet.insertRule.index_parameter_optional + + # baseline: high + # baseline_low_date: 2018-10-02 + # baseline_high_date: 2021-04-02 + # support: + # chrome: "51" + # chrome_android: "51" + # edge: "18" + # firefox: "36" + # firefox_android: "36" + # safari: "11" + # safari_ios: "11" + - api.CSSStyleDeclaration.@@iterator + # baseline: high # baseline_low_date: 2020-01-15 # baseline_high_date: 2022-07-15 @@ -206,3 +242,10 @@ compat_features: - api.CSSPageDescriptors.page-orientation - api.CSSPageDescriptors.pageOrientation - api.CSSPageDescriptors.size + - api.CSSPageRule.style.type_CSSPageDescriptors + + # baseline: false + # support: {} + - api.CSSMarginRule + - api.CSSMarginRule.name + - api.CSSMarginRule.style From 0fde52abc31b8b1cdadda5f97b0537143c459dce Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Mon, 28 Oct 2024 10:17:38 -0400 Subject: [PATCH 6/6] Review --- features/alternative-style-sheets.yml | 2 +- features/css-escape.yml | 2 +- features/css-object-model.yml | 4 ++-- features/get-computed-style.yml | 2 +- groups/cssom.yml | 2 +- 5 files changed, 6 insertions(+), 6 deletions(-) diff --git a/features/alternative-style-sheets.yml b/features/alternative-style-sheets.yml index 41a45675682..beeec3c2c62 100644 --- a/features/alternative-style-sheets.yml +++ b/features/alternative-style-sheets.yml @@ -1,5 +1,5 @@ name: Alternative style sheets -description: The `rel="alternate stylesheet"` flag provides an alternative style option for users. +description: The `rel="alternate stylesheet"` attribute for the `` HTML element offers an alternative style option to users. spec: https://drafts.csswg.org/cssom-1/#concept-css-style-sheet-alternate-flag group: css compat_features: diff --git a/features/css-escape.yml b/features/css-escape.yml index a19de70ff91..1f7c13f9a55 100644 --- a/features/css-escape.yml +++ b/features/css-escape.yml @@ -1,5 +1,5 @@ name: CSS.escape() -description: The `CSS.escape()` method escapes a string so that it can be used as a valid CSS selector. +description: The `CSS.escape()` static method escapes a string so that it can be used in a valid CSS selector. spec: https://drafts.csswg.org/cssom-1/#the-css.escape()-method group: cssom compat_features: diff --git a/features/css-object-model.yml b/features/css-object-model.yml index e2031d16fa1..e2eb7f53c11 100644 --- a/features/css-object-model.yml +++ b/features/css-object-model.yml @@ -1,5 +1,5 @@ -name: CSS Object Model -description: The CSS Object Model allows users to create and change CSS styles using JavaScript. Also known as CSSOM. +name: CSS object model +description: The CSS object model API reads, creates, and modifies CSS stylesheets and inline styles. Also known as CSSOM. spec: https://drafts.csswg.org/cssom-1/#css-object-model group: cssom status: diff --git a/features/get-computed-style.yml b/features/get-computed-style.yml index e23fa90fa06..e5ade4d23f0 100644 --- a/features/get-computed-style.yml +++ b/features/get-computed-style.yml @@ -1,5 +1,5 @@ name: getComputedStyle() -description: The `getComputedStyle()` method returns the values of all CSS properties applied to an element. +description: The `getComputedStyle()` global method returns an `CSSStyleDeclaration` object that represents all CSS declarations applied to a given element. spec: https://drafts.csswg.org/cssom-1/#extensions-to-the-window-interface caniuse: getcomputedstyle group: cssom diff --git a/groups/cssom.yml b/groups/cssom.yml index 3242771a880..4706c361dcc 100644 --- a/groups/cssom.yml +++ b/groups/cssom.yml @@ -1,3 +1,3 @@ -name: CSS Object Models +name: CSS object models # description: The CSS Object Model (CSSOM) and CSS Typed Object Model allow authors to programmatically interact with CSS with JavaScript. parent: css