Edge 150 Ships text-fit, focusgroup, and flex-wrap: balance
Microsoft Edge 150 shipped `text-fit` for auto scaling fonts, the `focusgroup` HTML attribute for arrow key navigation without JavaScript, `flex-wrap: balance` for even content distribution, and `OpaqueRange` for measuring text inside input fields without mirror div hacks.
Edge 150 shipped in early July with a set of CSS and HTML features that chip away at longstanding JavaScript dependencies you have been solving with libraries for years. The headliner is text-fit, a CSS property that scales font size to fit the width of its container. You drop it on a heading, set a max font size, and the browser does the rest. No more JavaScript resize observers and clamp calculations for responsive headlines.
flex-wrap: balance distributes content evenly across flex lines, the flexbox equivalent of text-wrap: balance. focusgroup is an HTML attribute that gives you automatic arrow key navigation and focus memory for toolbars, tabs, and menus. No roving tabindex boilerplate, no keyboard event handlers, no JavaScript at all. OpaqueRange lets you measure, highlight, and anchor UI to text inside <input> and <textarea> elements, replacing the mirror div technique that has been the only option for two decades.
CSS gap decorations (row-rule and extended column-rule) also shipped, letting you style the space between flex, grid, and multi column items with colors and patterns. The light-dark() function now accepts images and image-set() for automatic color scheme switching, and scrollBy() and scrollTo() now return promises that resolve when smooth scrolling completes.
Origin trials also opened for CSS Grid Lanes (masonry style auto placement), the <install> HTML element (browser trusted PWA install with no JavaScript), and on device AI with the Aion 1.0 Instruct model via the Prompt API. Edge's Interop 2026 test pass rate jumped from 77 to 97 percent between January and June, meaning these features should land similarly in other browsers on schedule.