Add features and keys from CSSOM View Module spec

features/attribution-reporting.yml

@@ -6,6 +6,7 @@ compat_features:
   - api.HTMLImageElement.attributionSrc
   - api.HTMLScriptElement.attributionSrc
   - api.Request.Request.init_attributionReporting_parameter
+  - api.Window.open.features_parameter_attributionsrc
   - api.XMLHttpRequest.setAttributionReporting
   - api.fetch.init_attributionReporting_parameter
   - html.elements.a.attributionsrc

features/attribution-reporting.yml.dist

@@ -30,6 +30,7 @@ compat_features:
   - api.HTMLImageElement.attributionSrc
   - api.HTMLScriptElement.attributionSrc
   - api.Request.Request.init_attributionReporting_parameter
+  - api.Window.open.features_parameter_attributionsrc
   - api.XMLHttpRequest.setAttributionReporting
   - api.fetch.init_attributionReporting_parameter
   - html.elements.a.attributionsrc

features/devicepixelratio.yml

@@ -0,0 +1,6 @@
+name: devicePixelRatio
+description: The `window.devicePixelRatio` read-only property returns the ratio of the size of one CSS pixel to the vertical size of one physical pixel on the current display device.
+spec: https://drafts.csswg.org/cssom-view-1/#dom-window-devicepixelratio
+caniuse: devicepixelratio
+compat_features:
+  - api.Window.devicePixelRatio

features/devicepixelratio.yml.dist

@@ -0,0 +1,13 @@
+# Generated from: devicepixelratio.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    chrome: "1"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "18"
+    firefox_android: "18"
+compat_features:
+  - api.Window.devicePixelRatio

features/document-caretpositionfrompoint.yml

@@ -2,4 +2,8 @@ name: document.caretPositionFromPoint()
 description: The `document.caretPositionFromPoint()` method finds an insertion point, represented by a DOM node and an offset within that node, for given coordinates in the viewport.
 spec: https://drafts.csswg.org/cssom-view-1/#dom-document-caretpositionfrompoint
 compat_features:
+  - api.CaretPosition
+  - api.CaretPosition.getClientRect
+  - api.CaretPosition.offset
+  - api.CaretPosition.offsetNode
   - api.Document.caretPositionFromPoint

features/document-caretpositionfrompoint.yml.dist

@@ -7,7 +7,27 @@ status:
     chrome: "128"
     chrome_android: "128"
     edge: "128"
-    firefox: "20"
-    firefox_android: "20"
+    firefox: "23"
+    firefox_android: "23"
 compat_features:
+  # baseline: false
+  # support:
+  #   chrome: "128"
+  #   chrome_android: "128"
+  #   edge: "128"
+  #   firefox: "20"
+  #   firefox_android: "20"
+  - api.CaretPosition
+  - api.CaretPosition.offset
+  - api.CaretPosition.offsetNode
   - api.Document.caretPositionFromPoint
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: false
+  # support:
+  #   chrome: "128"
+  #   chrome_android: "128"
+  #   edge: "128"
+  #   firefox: "23"
+  #   firefox_android: "23"
+  - api.CaretPosition.getClientRect

features/dom.yml

@@ -152,13 +152,20 @@ compat_features:
   - api.Element.children
   - api.Element.classList
   - api.Element.className
+  - api.Element.clientHeight
+  - api.Element.clientLeft
+  - api.Element.clientTop
+  - api.Element.clientWidth
   - api.Element.closest
+  - api.Element.currentCSSZoom
   - api.Element.firstElementChild
   - api.Element.getAttribute
   - api.Element.getAttributeNS
   - api.Element.getAttributeNames
   - api.Element.getAttributeNode
   - api.Element.getAttributeNodeNS
+  - api.Element.getBoundingClientRect
+  - api.Element.getClientRects
   - api.Element.getElementsByClassName
   - api.Element.getElementsByTagName
   - api.Element.getElementsByTagName.all_elements_selector
@@ -204,6 +211,11 @@ compat_features:
   - api.HTMLElement.dir
   - api.HTMLElement.hidden
   - api.HTMLElement.innerText
+  - api.HTMLElement.offsetHeight
+  - api.HTMLElement.offsetLeft
+  - api.HTMLElement.offsetParent
+  - api.HTMLElement.offsetTop
+  - api.HTMLElement.offsetWidth
   - api.HTMLElement.outerText
   - api.NamedNodeMap
   - api.NamedNodeMap.getNamedItem

features/dom.yml.dist

@@ -175,7 +175,14 @@ compat_features:
   - api.DocumentType.name
   - api.DocumentType.publicId
   - api.DocumentType.systemId
+  - api.Element.clientHeight
+  - api.Element.clientWidth
   - api.HTMLElement.dir
+  - api.HTMLElement.offsetHeight
+  - api.HTMLElement.offsetLeft
+  - api.HTMLElement.offsetParent
+  - api.HTMLElement.offsetTop
+  - api.HTMLElement.offsetWidth
   - api.Node.isDefaultNamespace
   - api.Node.isEqualNode
   - api.Node.lookupNamespaceURI
@@ -250,6 +257,20 @@ compat_features:
   #   safari_ios: "5"
   - api.DOMStringList.contains
 
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "3"
+  #   firefox_android: "4"
+  #   safari: "3"
+  #   safari_ios: "1"
+  - api.Element.clientLeft
+  - api.Element.clientTop
+
   # baseline: high
   # baseline_low_date: 2015-07-29
   # baseline_high_date: 2018-01-29
@@ -446,6 +467,8 @@ compat_features:
   #   safari_ios: "3.2"
   - api.Document.activeElement
   - api.Document.hasFocus
+  - api.Element.getBoundingClientRect
+  - api.Element.getClientRects
 
   # baseline: high
   # baseline_low_date: 2015-07-29
@@ -1196,3 +1219,12 @@ compat_features:
   #   firefox_android: "50"
   - api.Document.createElement.options_parameter
   - api.Document.createElementNS.options_parameter
+
+  # baseline: false
+  # support:
+  #   chrome: "128"
+  #   chrome_android: "128"
+  #   edge: "128"
+  #   firefox: "126"
+  #   firefox_android: "126"
+  - api.Element.currentCSSZoom

features/img.yml

@@ -17,6 +17,8 @@ compat_features:
   - api.HTMLImageElement.naturalWidth
   - api.HTMLImageElement.src
   - api.HTMLImageElement.width
+  - api.HTMLImageElement.x
+  - api.HTMLImageElement.y
   - html.elements.img
   - html.elements.img.alt
   - html.elements.img.crossorigin

features/img.yml.dist

@@ -65,6 +65,20 @@ compat_features:
   - html.elements.img.height
   - html.elements.img.width
 
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "14"
+  #   firefox_android: "14"
+  #   safari: "3"
+  #   safari_ios: "1"
+  - api.HTMLImageElement.x
+  - api.HTMLImageElement.y
+
   # baseline: high
   # baseline_low_date: 2015-07-29
   # baseline_high_date: 2018-01-29

features/matchmedia.yml

@@ -0,0 +1,17 @@
+name: matchMedia
+description: The `window.matchMedia()` method checks whether a media query applies to the document.
+spec: https://drafts.csswg.org/cssom-view-1/#dom-window-matchmedia
+caniuse: matchmedia
+status:
+  compute_from: api.Window.matchMedia
+compat_features:
+  - api.MediaQueryList
+  - api.MediaQueryList.EventTarget_inheritance
+  - api.MediaQueryList.change_event
+  - api.MediaQueryList.matches
+  - api.MediaQueryList.media
+  - api.MediaQueryListEvent
+  - api.MediaQueryListEvent.MediaQueryListEvent
+  - api.MediaQueryListEvent.matches
+  - api.MediaQueryListEvent.media
+  - api.Window.matchMedia

features/matchmedia.yml.dist

@@ -0,0 +1,62 @@
+# Generated from: matchmedia.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: "9"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "6"
+    firefox_android: "6"
+    safari: "5.1"
+    safari_ios: "5"
+compat_features:
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "9"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "6"
+  #   firefox_android: "6"
+  #   safari: "5.1"
+  #   safari_ios: "5"
+  - api.MediaQueryList
+  - api.MediaQueryList.matches
+  - api.MediaQueryList.media
+  - api.Window.matchMedia
+
+  # baseline: high
+  # baseline_low_date: 2020-09-16
+  # baseline_high_date: 2023-03-16
+  # support:
+  #   chrome: "39"
+  #   chrome_android: "39"
+  #   edge: "16"
+  #   firefox: "55"
+  #   firefox_android: "55"
+  #   safari: "14"
+  #   safari_ios: "14"
+  - api.MediaQueryList.EventTarget_inheritance
+
+  # baseline: high
+  # baseline_low_date: 2020-09-16
+  # baseline_high_date: 2023-03-16
+  # support:
+  #   chrome: "39"
+  #   chrome_android: "39"
+  #   edge: "79"
+  #   firefox: "55"
+  #   firefox_android: "55"
+  #   safari: "14"
+  #   safari_ios: "14"
+  - api.MediaQueryList.change_event
+  - api.MediaQueryListEvent
+  - api.MediaQueryListEvent.MediaQueryListEvent
+  - api.MediaQueryListEvent.matches
+  - api.MediaQueryListEvent.media

features/screen.yml

@@ -0,0 +1,11 @@
+name: Screen
+description: The `window.screen` property contains information about the screen of the output device that the referenced `window` is being rendered on.
+spec: https://drafts.csswg.org/cssom-view-1/#screen
+compat_features:
+  - api.Screen
+  - api.Screen.availHeight
+  - api.Screen.availWidth
+  - api.Screen.colorDepth
+  - api.Screen.height
+  - api.Screen.pixelDepth
+  - api.Screen.width

features/screen.yml.dist

@@ -0,0 +1,23 @@
+# Generated from: screen.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: "1"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "1"
+    firefox_android: "4"
+    safari: "1"
+    safari_ios: "1"
+compat_features:
+  - api.Screen
+  - api.Screen.availHeight
+  - api.Screen.availWidth
+  - api.Screen.colorDepth
+  - api.Screen.height
+  - api.Screen.pixelDepth
+  - api.Screen.width

features/scroll-elements.yml

@@ -0,0 +1,44 @@
+name: Scroll methods on elements
+description: The `scroll()` and `scrollBy()` methods change the scroll position of overflow content within an element. Similar to setting `scrollTop` and `scrollLeft` properties, but with options setting whether the scroll should animate smoothly or jump. Note that `scrollTo()` is an alias for `scroll()`.
+spec: https://drafts.csswg.org/cssom-view-1/#dom-element-scroll
+caniuse: element-scroll-methods
+status:
+  compute_from:
+    - api.Element.scroll
+    - api.Element.scroll.options_behavior_parameter
+compat_features:
+  - api.Document.scroll_event
+  - api.Document.scrollingElement
+  - api.Element.scroll
+  - api.Element.scroll.options_behavior_parameter
+  - api.Element.scroll.options_left_parameter
+  - api.Element.scroll.options_top_parameter
+  - api.Element.scrollBy
+  - api.Element.scrollBy.options_behavior_parameter
+  - api.Element.scrollBy.options_left_parameter
+  - api.Element.scrollBy.options_top_parameter
+  - api.Element.scrollHeight
+  - api.Element.scrollLeft
+  - api.Element.scrollTo
+  - api.Element.scrollTo.options_behavior_parameter
+  - api.Element.scrollTo.options_left_parameter
+  - api.Element.scrollTo.options_top_parameter
+  - api.Element.scrollTop
+  - api.Element.scrollWidth
+  - api.Element.scroll_event
+  - api.Window.scroll
+  - api.Window.scroll.options_behavior_parameter
+  - api.Window.scroll.options_left_parameter
+  - api.Window.scroll.options_top_parameter
+  - api.Window.scrollBy
+  - api.Window.scrollBy.options_behavior_parameter
+  - api.Window.scrollBy.options_left_parameter
+  - api.Window.scrollBy.options_top_parameter
+  - api.Window.scrollTo
+  - api.Window.scrollTo.options_behavior_parameter
+  - api.Window.scrollTo.options_left_parameter
+  - api.Window.scrollTo.options_top_parameter
+  - api.Window.scrollX
+  - api.Window.scrollX.subpixel_precision
+  - api.Window.scrollY
+  - api.Window.scrollY.subpixel_precision