Limited Availability
Progressive web app
Window Controls Overlay
The
display_override: ["window-controls-overlay"] web application manifest member shows content in the title bar area of a progressive web app that is installed on a desktop device.
Baseline Status:
This feature is currently Limited (not yet Baseline). Latest engine implementation shipped on Sep 2, 2022.
Desktop Browser Engine Support
Google Chrome
105
Supported
Mozilla Firefox
—
Unsupported
Apple Safari
—
Unsupported
Microsoft Edge
105
Supported
Mobile Browser Engine Support
Chrome Android
—
Firefox Android
—
Safari iOS
—
Specifications and References
MDN Browser Compat Data Keys:
api.Navigator.windowControlsOverlay ↗
api.WindowControlsOverlay ↗
api.WindowControlsOverlay.geometrychange_event ↗
api.WindowControlsOverlay.getTitlebarAreaRect ↗
api.WindowControlsOverlay.visible ↗
api.WindowControlsOverlayGeometryChangeEvent ↗
api.WindowControlsOverlayGeometryChangeEvent.WindowControlsOverlayGeometryChangeEvent ↗
api.WindowControlsOverlayGeometryChangeEvent.titlebarAreaRect ↗
api.WindowControlsOverlayGeometryChangeEvent.visible ↗
css.at-rules.media.display-mode.window-controls-overlay ↗
css.types.env.titlebar-area-height ↗
css.types.env.titlebar-area-width ↗
css.types.env.titlebar-area-x ↗
css.types.env.titlebar-area-y ↗
manifests.webapp.display_override.window-controls-overlay ↗
id: window-controls-overlay