Window resize / multi-monitor
Step diagram
User drags the window or moves displays
UserResize across DPI breakpoints, drag between displays with different scales, or rotate the device.
Insets recompute
SDKKoderSafeScaffold re-reads the platform window insets; CSS env(safe-area-inset-*) refreshes on web.
Title bar relays out
AppKoderTitleBar resizes; the free area expands to fill the new width without breaking double-tap maximize.
Content reflows
AppLayout responds in CSS / Flutter widgets — no fixed pixel values that go behind the new chrome.
Common pitfalls
- Hardcoding viewport sizes — breaks multi-monitor with mixed DPI.
- Wrapping the whole title bar in a single GestureDetector — hijacks the gesture arena and steals double-tap from KoderTitleBarFreeArea.