Window Controls Overlay
Limited availability
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.
Compatibility
- Chrome 105 Released on 2022-09-02
- Chrome Android ❌ Search for bugs Search for Chromestatus entry
- Edge 105 Released on 2022-09-01
- Firefox ❌ Search for bugs Search for standards position
- Firefox for Android ❌ Search for bugs Search for standards position
- Safari ❌ Search for bugs Search for standards position
- Safari on iOS ❌ Search for bugs Search for standards position
MDN docs
- Navigator.windowControlsOverlay
- WindowControlsOverlay
- WindowControlsOverlay.geometrychange_event
- WindowControlsOverlay.getTitlebarAreaRect
- WindowControlsOverlay.visible
- WindowControlsOverlayGeometryChangeEvent
- WindowControlsOverlayGeometryChangeEvent.WindowControlsOverlayGeometryChangeEvent
- WindowControlsOverlayGeometryChangeEvent.titlebarAreaRect
- WindowControlsOverlayGeometryChangeEvent.visible
Specifications
BCD data
- 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.properties.custom-property.env.titlebar-area-height
- css.properties.custom-property.env.titlebar-area-width
- css.properties.custom-property.env.titlebar-area-x
- css.properties.custom-property.env.titlebar-area-y
- html.manifest.display_override.window-controls-overlay