New in Chrome 150

Rachel Andrew

Published: June 30, 2026

Chrome 150 is rolling out now, and this post shares some of the key features from the release. Read the full Chrome 150 release notes.

Highlights from this release:

CSS text-fit property

The text-fit property scales the font size of text nodes to perfectly fit the width of its containing box.

This property lets you ensure headlines or dynamic content fill the available horizontal space without manual font-size calculations or complex JavaScript workarounds. It provides a robust, CSS-native solution for responsive typography that maintains visual alignment across different screen sizes.

Focusgroup

The focusgroup attribute lets you declaratively give composite widgets arrow key navigation, a guaranteed tab stop, and last-focused memory, replacing hand-coded roving tabindex scripts.

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

CSS background-clip: border-area

Implements the border-area value for the CSS background-clip property. background-clip: border-area clips an element's background to the area painted by its border strokes, taking border-width and border-style into account while ignoring transparency from border-color.

This lets you create gradient borders directly in CSS without needing border-image workarounds.

Further reading

This covers only some key highlights. Check the following links for additional changes in Chrome 150.

Subscribe

To stay up to date, subscribe to the Chrome Developers YouTube channel, and you'll get an email notification whenever we launch a new video. Or follow us on X or LinkedIn for new articles and blog posts.

As soon as Chrome 151 is released, we'll be right here to tell you what's new in Chrome!