Navigation-controls media query

Adds 'navigation-controls' media feature, which is used to detect if the user agent has a back button present in the UI.

PWAs today have no way of determining whether a back button will be provided by the user agent (the browser, OS, or hardware), and so, are forced to implement their own to ensure that their app is functional without the browser's UI. This media feature will allow apps to avoid the "double back button" problem by letting them conditionally display a back button depending on whether the user agent is already displaying one. Adding a standard way to detect this means that we can avoid user-agent and viewport-size workarounds, which are not ideal for web compatibility.

Documentation

Specification

Public discussion

Status in Chromium

UI>Browser>WebAppInstalls


Proposed (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Owners

Last updated on 2019-09-12