demo · v151
Titlebar Mock
Three strips, three CSS rules. The middle strip is the drag region; the side strips opt out so the buttons receive clicks.
window-drag: no-drag
window-drag: drag
window-drag: no-drag
This is the page content. Below the titlebar, window-drag doesn't apply — the body is interactive as normal.
the css
.titlebar .drag-zone { window-drag: drag; }
.titlebar .left-controls,
.titlebar .right-controls { window-drag: no-drag; }
see also
- window-drag — feature index
- ChromeStatus entry
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗