Add Window and Window Management API (#2010)

Author: autonome

features/backdrop.yml

@@ -6,4 +6,5 @@ status:
   compute_from: css.selectors.backdrop
 compat_features:
   - css.selectors.backdrop
+  - css.selectors.backdrop.dialog
   - css.selectors.backdrop.inherit_from_originating_element

features/backdrop.yml.dist

@@ -28,6 +28,19 @@ compat_features:
   #   safari_ios: "15.4"
   - css.selectors.backdrop
 
+  # baseline: high
+  # baseline_low_date: 2022-03-14
+  # baseline_high_date: 2024-09-14
+  # support:
+  #   chrome: "37"
+  #   chrome_android: "37"
+  #   edge: "79"
+  #   firefox: "98"
+  #   firefox_android: "98"
+  #   safari: "15.4"
+  #   safari_ios: "15.4"
+  - css.selectors.backdrop.dialog
+
   # baseline: low
   # baseline_low_date: 2024-03-05
   # support:

features/dialog.yml

@@ -3,3 +3,14 @@ description: The `<dialog>` HTML element represents a modal or non-modal dialog
 spec: https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element
 group: html-elements
 caniuse: dialog
+compat_features:
+  - api.HTMLDialogElement
+  - api.HTMLDialogElement.cancel_event
+  - api.HTMLDialogElement.close
+  - api.HTMLDialogElement.close_event
+  - api.HTMLDialogElement.open
+  - api.HTMLDialogElement.returnValue
+  - api.HTMLDialogElement.show
+  - api.HTMLDialogElement.showModal
+  - html.elements.dialog
+  - html.elements.dialog.open

features/dialog.yml.dist

@@ -22,6 +22,5 @@ compat_features:
   - api.HTMLDialogElement.returnValue
   - api.HTMLDialogElement.show
   - api.HTMLDialogElement.showModal
-  - css.selectors.backdrop.dialog
   - html.elements.dialog
   - html.elements.dialog.open

features/dom.yml

@@ -274,4 +274,5 @@ compat_features:
   - api.TreeWalker.previousSibling
   - api.TreeWalker.root
   - api.TreeWalker.whatToShow
+  - api.Window.document
   - api.XMLDocument

features/dom.yml.dist

@@ -119,6 +119,7 @@ compat_features:
   - api.ProcessingInstruction.target
   - api.Text
   - api.Text.splitText
+  - api.Window.document
 
   # baseline: high
   # baseline_low_date: 2015-07-29

features/history.yml

@@ -1,5 +1,5 @@
 name: History
-description: "The History API manipulates the browser session history, from navigations to state management, in the tab or frame that the current page is loaded in."
+description: "The `window.history` API manipulates the browser session history, from navigations to state management, in the tab or frame that the current page is loaded in."
 spec: https://html.spec.whatwg.org/multipage/nav-history-apis.html#the-history-interface
 caniuse: history
 # This gets the feature closest to matching Caniuse.
@@ -15,3 +15,5 @@ compat_features:
   - api.History.replaceState
   - api.History.scrollRestoration
   - api.History.state
+  - api.Window.history
+  - api.Window.popstate_event

features/history.yml.dist

@@ -30,6 +30,7 @@ compat_features:
   - api.History.forward
   - api.History.go
   - api.History.length
+  - api.Window.history
 
   # ⬇️ Same status as overall feature ⬇️
   # baseline: high
@@ -46,6 +47,19 @@ compat_features:
   - api.History.pushState
   - api.History.replaceState
 
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "5"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "4"
+  #   firefox_android: "4"
+  #   safari: "5"
+  #   safari_ios: "4.2"
+  - api.Window.popstate_event
+
   # baseline: high
   # baseline_low_date: 2015-07-29
   # baseline_high_date: 2018-01-29

features/window-management.yml

@@ -0,0 +1,24 @@
+name: Window management
+description: "The `window.getScreenDetails()` method gets information about the screens on a device, which you can use to place new windows on a specific screen with `window.open()`."
+spec: https://w3c.github.io/window-management/
+compat_features:
+  - api.Element.requestFullscreen.options_screen_parameter
+  - api.Permissions.permission_window-management
+  - api.Screen.change_event
+  - api.Screen.isExtended
+  - api.ScreenDetailed
+  - api.ScreenDetailed.availLeft
+  - api.ScreenDetailed.availTop
+  - api.ScreenDetailed.devicePixelRatio
+  - api.ScreenDetailed.isInternal
+  - api.ScreenDetailed.isPrimary
+  - api.ScreenDetailed.label
+  - api.ScreenDetailed.left
+  - api.ScreenDetailed.top
+  - api.ScreenDetails
+  - api.ScreenDetails.currentScreen
+  - api.ScreenDetails.currentscreenchange_event
+  - api.ScreenDetails.screens
+  - api.ScreenDetails.screenschange_event
+  - api.Window.getScreenDetails
+  - http.headers.Permissions-Policy.window-management

features/window-management.yml.dist

@@ -0,0 +1,45 @@
+# Generated from: window-management.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    chrome: "111"
+    edge: "111"
+compat_features:
+  # baseline: false
+  # support:
+  #   chrome: "100"
+  #   chrome_android: "100"
+  #   edge: "100"
+  - api.Screen.change_event
+  - api.Screen.isExtended
+  - api.Window.getScreenDetails
+  - http.headers.Permissions-Policy.window-management
+
+  # baseline: false
+  # support:
+  #   chrome: "100"
+  #   edge: "100"
+  - api.Element.requestFullscreen.options_screen_parameter
+  - api.ScreenDetailed
+  - api.ScreenDetailed.availLeft
+  - api.ScreenDetailed.availTop
+  - api.ScreenDetailed.devicePixelRatio
+  - api.ScreenDetailed.isInternal
+  - api.ScreenDetailed.isPrimary
+  - api.ScreenDetailed.label
+  - api.ScreenDetailed.left
+  - api.ScreenDetailed.top
+  - api.ScreenDetails
+  - api.ScreenDetails.currentScreen
+  - api.ScreenDetails.currentscreenchange_event
+  - api.ScreenDetails.screens
+  - api.ScreenDetails.screenschange_event
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: false
+  # support:
+  #   chrome: "111"
+  #   edge: "111"
+  - api.Permissions.permission_window-management