← Back to release summary

Window Controls Overlay for Installed Desktop Web Apps

Category
Miscellaneous
Type
New or changed feature
Status
Enabled by default (Chrome 105)
Intent stage
Shipped

Summary

When the window controls overlay is enabled for installed desktop web apps, the app's client area is extended to cover the entire window--including the title bar area--and the window control buttons (close, maximize/restore, minimize) are overlaid on top of the client area. The web app developer is responsible for drawing and input-handling for the entire window except for the window controls overlay.

Motivation

Developers can use this feature to make their installed desktop web apps look like native app.

Standards & signals

Docs: https://github.com/WICG/window-controls-overlay/blob/main/explainer.md

Samples: https://amandabaker.github.io/pwa/explainer-example/index.html

Explainers: https://github.com/WICG/window-controls-overlay/blob/master/explainer.md

View on chromestatus.com