From 57bbafb9f5c40046c5966aeb47eb785a10edfea7 Mon Sep 17 00:00:00 2001 From: Matt Giuca Date: Wed, 25 May 2022 14:44:10 +1000 Subject: [PATCH] Move the definition of display-mode back to APPMANIFEST. Closes w3c/csswg-drafts#7306. This text was moved out of the Manifest spec into CSS mediaqueries-5 in w3c/csswg-drafts#6343, along with the display-mode media feature. The actual definition of display mode belongs here, while the display-mode media feature remains in CSS mediaqueries-5. --- index.html | 64 +++++++++++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 59 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 913d5228e..bb80302e6 100644 --- a/index.html +++ b/index.html @@ -2437,13 +2437,67 @@

- Choosing a display mode + Display modes

- A [=display mode=], as defined in [[MEDIAQUERIES-5]], represents how - the web application is being presented within the context of an OS - (e.g., in fullscreen, etc.). Display modes correspond to user interface - (UI) metaphors and functionality in use on a given platform. + A display mode represents how the web application is being + presented within the context of an OS (e.g., in fullscreen, etc.). + Display modes correspond to user interface (UI) metaphors and + functionality in use on a given platform. The UI conventions of the + display modes are purely advisory and implementers are free to + interpret them how they best see fit. +

+

+ This specification defines the following [=display modes=]: +

+
+
+ fullscreen +
+
+ Opens the web application with browser UI elements hidden and takes + up the entirety of the available display area. +
+
+ standalone +
+
+ Opens the web application to look and feel like a standalone native + application. This can include the application having a different + window, its own icon in the application launcher, etc. In this mode, + the user agent will exclude standard browser UI elements such as an + URL bar, but can include other system UI elements such as a status + bar and/or system back button. +
+
+ minimal-ui +
+
+ This mode is similar to [=display mode/standalone=], but provides the + end-user with some means to access a minimal set of UI elements for + controlling navigation (i.e., back, forward, reload, and perhaps some + way of viewing the document's address). A user agent can include + other platform specific UI elements, such as "share" and "print" + buttons or whatever is customary on the platform and user agent. +
+
+ browser (default) +
+
+ Opens the web application using the platform-specific convention for + opening hyperlinks in the user agent (e.g., in a browser tab or a new + window). +
+
+

+ The [=display mode/fullscreen=] display mode is orthogonal to, + and works independently of, the [[[FULLSCREEN]]]. The [=display + mode/fullscreen=] display mode affects the fullscreen state of + the browser window, while the [[FULLSCREEN]] API operates on an element + contained within the viewport. As such, a web application can have its + display mode set to [=display mode/fullscreen=], while + `document.fullScreenElement` returns `null`, and `fullscreenEnabled` + returns `false`.

Once a user agent [=applies=] a particular display mode to an