demo · v151
Legacy -webkit-app-region Comparator
Until Chrome 151 the only working incantation was -webkit-app-region, an Electron-era CSS prefix. Chrome 151 ships the standard window-drag. Paste legacy CSS and get the modern equivalent plus a side-by-side support matrix.
Migration tool. Ship both properties for at least one stable cycle so older PWAs installed on Chrome <151 still drag correctly. Drop the legacy name once your installed-PWA fleet has updated.
support matrix
| property | chrome | edge | safari | firefox | notes |
|---|---|---|---|---|---|
window-drag standard | 151+ | 151+ | no | no | Spec'd in the WICG WCO extension; replaces the prefixed form |
-webkit-app-region legacy | all | all | installed PWA only | no | Originally an Electron-only prefix; later adopted by Chrome and Safari for PWAs |
app-region legacy unprefixed | 92+ | 92+ | no | no | Unprefixed alias from before the official spec |
preset patterns
paste legacy CSS
modern equivalent
<!-- click "Convert" -->feature detection on this device
see also
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗