v151 · css · pwa

Install Readiness Wizard

Six checks that tell you exactly whether window-drag is active in this browser session — and if not, precisely why. Covers display mode, Window Controls Overlay, CSS property support, manifest fields, secure context, and browser version.

Checking…

Run the wizard to see your window-drag readiness score.

Required manifest snippet

{
  "display": "standalone",
  "display_override": ["window-controls-overlay"],
  "name": "My App",
  "icons": [{ "src": "/icon-192.png", "sizes": "192x192" }]
}

Required CSS

.titlebar {
  window-drag: drag;           /* moves the OS window */
  -webkit-app-region: drag; /* legacy fallback */
}
.titlebar button {
  window-drag: no-drag;        /* keeps clicks working */
  -webkit-app-region: no-drag;
}

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗