diff --git a/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay-images/app-installed-dialog.png b/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay-images/app-installed-dialog.png index 0bc8818c21..6a98968b17 100644 Binary files a/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay-images/app-installed-dialog.png and b/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay-images/app-installed-dialog.png differ diff --git a/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay-images/hide-title-bar-icon.png b/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay-images/hide-title-bar-icon.png deleted file mode 100644 index b2d8e678ec..0000000000 Binary files a/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay-images/hide-title-bar-icon.png and /dev/null differ diff --git a/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay-images/wco-draggable-titlebar.png b/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay-images/wco-draggable-titlebar.png index 7a16c91e47..ccabc11322 100644 Binary files a/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay-images/wco-draggable-titlebar.png and b/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay-images/wco-draggable-titlebar.png differ diff --git a/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay-images/wco-toggle-button.png b/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay-images/wco-toggle-button.png deleted file mode 100644 index e3c4090caa..0000000000 Binary files a/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay-images/wco-toggle-button.png and /dev/null differ diff --git a/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay.md b/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay.md index a880a2e6e6..5755eed12d 100644 --- a/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay.md +++ b/microsoft-edge/progressive-web-apps/how-to/window-controls-overlay.md @@ -6,7 +6,7 @@ ms.author: msedgedevrel ms.topic: article ms.service: microsoft-edge ms.subservice: pwa -ms.date: 05/22/2024 +ms.date: 08/04/2026 --- # Display content in the title bar area using Window Controls Overlay @@ -45,20 +45,6 @@ See also: * [The web app manifest](https://developer.mozilla.org/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable#the_web_app_manifest) in _Making PWAs installable_ at MDN > References > Progressive web apps > Guides. - -## Toggle the title bar - -When the Window Controls Overlay feature is enabled, the user can choose to have the title bar or not, by clicking the title bar toggle button: - -![Select the title bar toggle button](./window-controls-overlay-images/wco-toggle-button.png) - -Your code can't assume that the window controls overlay is displayed, because: -* The user can choose whether to display the title bar. -* Your app can also run in a web browser or on a mobile device, as well as running as a desktop app. - -Therefore, your code needs to react to title bar geometry changes. To learn more, see [React to overlay changes](#react-to-overlay-changes). - - ## Use CSS environment variables to stay clear of the overlay @@ -166,14 +152,11 @@ if ('windowControlsOverlay' in navigator) { | Icon | Tooltip | | --- | --- | - | ![The "Hide title bar" icon](./window-controls-overlay-images/hide-title-bar-icon.png) | **Hide title bar** | | ![The "Settings and more" icon](./window-controls-overlay-images/settings-and-more-icon.png) | **Settings and more** | | ![The "Minimize" icon](./window-controls-overlay-images/minimize-icon.png) | **Minimize** | | ![The "Restore" icon](./window-controls-overlay-images/restore-icon.png) | **Restore** | | ![The "Close" icon](./window-controls-overlay-images/close-icon.png) | **Close** | -1. In the title bar, click the **Hide title bar** (![The "Hide title bar" icon](./window-controls-overlay-images/hide-title-bar-icon.png)) button. - The app now displays content all the way to the top of the window frame, where the title bar used to be: ![The top area of the map can be used to move the window](./window-controls-overlay-images/wco-draggable-titlebar.png) diff --git a/microsoft-edge/toc.yml b/microsoft-edge/toc.yml index 4ac8802079..4c9fb0e88c 100644 --- a/microsoft-edge/toc.yml +++ b/microsoft-edge/toc.yml @@ -34,6 +34,10 @@ # maint: # toc.yml - add new relnotes page, move a relnotes page to archive # /web-platform/release-notes/index.md - add new relnotes page, remove earliest relnotes page + - name: Microsoft Edge 152 + href: ./web-platform/release-notes/152.md + displayName: Microsoft Edge 152 web platform release notes (Aug. 2026) # page title + - name: Microsoft Edge 151 href: ./web-platform/release-notes/151.md displayName: Microsoft Edge 151 web platform release notes (Jul. 2026) # page title @@ -69,13 +73,13 @@ - name: Microsoft Edge 143 href: ./web-platform/release-notes/143.md displayName: Microsoft Edge 143 web platform release notes (Dec. 2025) # page title - - - name: Microsoft Edge 142 - href: ./web-platform/release-notes/142.md - displayName: Microsoft Edge 142 web platform release notes (Oct. 2025) # page title # keep 10 items above - name: Archive items: + - name: Microsoft Edge 142 + href: ./web-platform/release-notes/142.md + displayName: Microsoft Edge 142 web platform release notes (Oct. 2025) # page title + - name: Microsoft Edge 141 href: ./web-platform/release-notes/141.md displayName: Microsoft Edge 141 web platform release notes (Oct. 2025) # page title diff --git a/microsoft-edge/web-platform/release-notes/147.md b/microsoft-edge/web-platform/release-notes/147.md index c529bd4e2f..b4fde697e7 100644 --- a/microsoft-edge/web-platform/release-notes/147.md +++ b/microsoft-edge/web-platform/release-notes/147.md @@ -31,7 +31,6 @@ To stay up-to-date and get the latest web platform features, download a preview * [Web APIs](#web-apis) * [Clear the `window.name` value for cross-site navigations that switch browsing context group](#clear-the-windowname-value-for-cross-site-navigations-that-switch-browsing-context-group) * [Device Bound Session Credentials](#device-bound-session-credentials) - * [OpaqueRange](#opaquerange) * [`` HTML element](#install-html-element) * [Connection allowlists](#connection-allowlists) * [Autofill event](#autofill-event) @@ -193,19 +192,6 @@ See also: * [Device Bound Session Credentials](https://w3c.github.io/webappsec-dbsc/) - -#### OpaqueRange - -`OpaqueRange` represents a live text range inside text controls such as `` and `