Previously named "Multi-Screen Window Placement". Adds new screen information APIs and makes incremental improvements to existing window placement APIs, allowing web applications to offer compelling multi-screen experiences. The existing singular window.screen offers a limited view of available screen space, and window placement functions generally clamp bounds to the current screen. This feature unlocks modern multi-screen workspaces for web applications.
As multi-screen devices and applications become a more common and critical part of user experiences, it becomes more important to give web developers information and tools to leverage that expanded visual environment. This feature incrementally extends the web platform's single-screen paradigm to support multi-screen devices. Allowing script to query the device for information about its screens, and place content on specific screens enables many powerful multi-screen windowing behaviors. Use cases enabled by these APIs include: - Slideshow app presents on a projector, shows speaker notes on a laptop screen. - Financial app opens a dashboard of windows across multiple monitors. - Medical app opens images (e.g. x-rays) on a high-resolution grayscale display. - Creativity app shows secondary windows (e.g. palette) on a separate screen. - Conference room app shows controls on a touch screen device and video on a TV. - Multi-screen layouts in gaming, signage, artistic, and other types of apps. - Site optimizes content and layout when a window spans multiple screens.
Docs: https://developer.mozilla.org/en-US/docs/Web/API/Window_Management_API https://web.dev/multi-screen-window-placement
Samples: https://michaelwasserman.github.io/window-placement-demo https://web.dev/multi-screen-window-placement/#demo
Explainers: https://github.com/w3c/window-placement