Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add CSSOM and related features #1999

Merged
merged 9 commits into from
Oct 28, 2024
Merged

Add CSSOM and related features #1999

Show file tree
Hide file tree
Changes from 7 commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
f792f9f
Add CSSOM and related features
jamesnw Oct 18, 2024
2babea6
Format
jamesnw Oct 18, 2024
f9902fb
Merge branch 'main' of github.com:web-platform-dx/web-features into c…
jamesnw Oct 22, 2024
911b4d0
Remove supportsText
jamesnw Oct 22, 2024
83c8d74
Merge branch 'main' of github.com:web-platform-dx/web-features into c…
jamesnw Oct 23, 2024
974873a
Add cssom group
jamesnw Oct 23, 2024
9407fb9
Add additional keys, set compute_from
jamesnw Oct 23, 2024
63d457d
Merge branch 'main' of github.com:web-platform-dx/web-features into c…
jamesnw Oct 28, 2024
0fde52a
Review
jamesnw Oct 28, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions features/alternative-style-sheets.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
name: Alternative style sheets
description: The `rel="alternate stylesheet"` flag provides an alternative style option for users.
jamesnw marked this conversation as resolved.
Show resolved Hide resolved
spec: https://drafts.csswg.org/cssom-1/#concept-css-style-sheet-alternate-flag
group: css
compat_features:
- html.elements.link.rel.alternate_stylesheet
10 changes: 10 additions & 0 deletions features/alternative-style-sheets.yml.dist
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
6 changes: 6 additions & 0 deletions features/css-escape.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
name: CSS.escape()
description: The `CSS.escape()` method escapes a string so that it can be used as a valid CSS selector.
jamesnw marked this conversation as resolved.
Show resolved Hide resolved
spec: https://drafts.csswg.org/cssom-1/#the-css.escape()-method
group: cssom
compat_features:
- api.CSS.escape_static
17 changes: 17 additions & 0 deletions features/css-escape.yml.dist
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
83 changes: 83 additions & 0 deletions features/css-object-model.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
name: CSS Object Model
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
name: CSS Object Model
name: CSS object model

description: The CSS Object Model allows users to create and change CSS styles using JavaScript. Also known as CSSOM.
jamesnw marked this conversation as resolved.
Show resolved Hide resolved
spec: https://drafts.csswg.org/cssom-1/#css-object-model
group: cssom
status:
compute_from: api.CSS
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.CSSPageRule.style.type_CSSPageDescriptors
- 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.CSSStyleDeclaration.@@iterator
- api.CSSStyleRule
- api.CSSStyleRule.selectorText
- api.CSSStyleRule.style
- api.CSSStyleSheet
- api.CSSStyleSheet.cssRules
- api.CSSStyleSheet.deleteRule
- api.CSSStyleSheet.insertRule
- api.CSSStyleSheet.insertRule.index_parameter_optional
- 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
- api.CSSMarginRule
- api.CSSMarginRule.name
- api.CSSMarginRule.style
251 changes: 251 additions & 0 deletions features/css-object-model.yml.dist
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,251 @@
# Generated from: css-object-model.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: "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
# 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

# ⬇️ Same status as overall feature ⬇️
# 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: 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
# 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
- api.CSSPageRule.style.type_CSSPageDescriptors

# baseline: false
# support: {}
- api.CSSMarginRule
- api.CSSMarginRule.name
- api.CSSMarginRule.style
8 changes: 8 additions & 0 deletions features/get-computed-style.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
name: getComputedStyle()
description: The `getComputedStyle()` method returns the values of all CSS properties applied to an element.
jamesnw marked this conversation as resolved.
Show resolved Hide resolved
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
Loading