Microsoft has launched the first edition of its New in Edge for developers series, highlighting a batch of web platform updates arriving in Microsoft Edge. These changes target front-end efficiency, accessibility standards, and local artificial intelligence capabilities.
#1 Style layout gaps with CSS gap decorations
Developers can now style the space between items in flexbox, grid, and multi-column layouts directly using new CSS properties. The introduction of row-rule, extended column-rule, and the rule shorthand allows for consistent styling without relying on border hacks or extra DOM elements.
This feature supports colors, patterns, and even the repeat() syntax. It simplifies creating rich designs by letting you define gap aesthetics in minimal CSS code rather than complex workarounds.
#2 Improve keyboard accessibility with focusgroup
The new focusgroup HTML attribute streamlines keyboard navigation for composite widgets like toolbars, tabs, and menus. It provides automatic arrow key handling and focus memory out of the box.
This removes the need for custom JavaScript roving tabindex code, making it easier to build accessible interfaces that comply with standard navigation expectations without additional development overhead.
#3 Migrate PWAs to new origins seamlessly
Progressive Web App (PWA) developers can now move an installed app to a new same-site origin without forcing users to reinstall. Previously, changing a PWA’s identity bound to its web origin required manual uninstallation and reinstallation by the user.
This update preserves user installations and permissions during migration. It ensures continuity for apps shifting domains or subdomains, such as moving from example.com/app to app.example.com.
#4 On-device AI with Aion-1.0-Instruct and WebSpeech
Microsoft Edge Canary and Dev builds (starting with version 150) now support the Aion-1.0-Instruct small language model via the Prompt API and Writing Assistance APIs. This model is smaller, faster, and more efficient than Phi-4-mini, expanding on-device AI support to significantly more devices.
Additionally, the WebSpeech API can now convert speech to text using a local model instead of cloud-based solutions. This reduces running costs, improves privacy, and allows web apps to function independently of network connectivity.
#5 Other features and origin trials
Several other updates are available in recent releases, including image-rendering: crisp-edges for sharper scaling, OpaqueRange for form control text measurement, and faster clipboard reads via the Async Clipboard API. CSS improvements include text-fit, light-dark() for images, and flex-wrap: balance.
Developers can also test upcoming features through origin trials. These include Network Efficiency Guardrails for monitoring load performance, the <install> element for browser-trusted app installation buttons, and CSS Grid Lanes for space-efficient masonry layouts.
What this means for you
If you are a web developer, these updates offer cleaner ways to handle layout styling and accessibility compliance. For everyday users, the on-device AI features may lead to faster, more private interactions with web apps that utilize speech recognition or text generation, as data stays local rather than traveling to the cloud.
Microsoft reports significant progress in Interop 2026, with Edge’s test pass rate rising from 77% to 97% between January and June 2026. This indicates a broader push toward consistent web standards across browsers.
Source: Windows Blog
Over to you: Which of these new Edge developer features do you find most useful for your projects?
