Embedded documents can now declare their own sizing, replacing the postMessage measurement loop that every embed widget has hand-rolled for a decade.
Chrome 154 reached stable on September 22, and the headline change is a frame-sizing CSS property on <iframe>. Set frame-sizing: content-height on the iframe in the embedding page, and the element sizes itself to the embedded document's layout overflow instead of scrolling.
The embedded document has to opt in. It declares <meta name="responsive-embedded-sizing" content="allow-origins=*"> in its head, so the capability is not applied to a document that did not ask for it.
If you maintain an embed widget, a docs site with live examples, or a third-party checkout, this deletes the pattern you almost certainly have: measure the child, postMessage the height to the parent, patch the iframe style, and chase the resize events that slack behind the content. That loop is where most embedding bugs live.
Your action depends on which side of the frame you own. If you publish an embeddable document, adding the meta tag makes every Chrome 154 embedder size you correctly with no work on their end. If you consume embeds, the property only helps once the publisher opts in, so keep your postMessage fallback for now.
Chrome 150 stable ships text-fit, which fits text to its container width in pure CSS and lets you drop FitText-style measurement JavaScript, though the spec stays a W3C draft with no Baseline support yet.
1 source
CSS Gap Decorations let you draw rules and borders in the gaps between Grid, Flexbox, and multi-column items. `column-rule` and `row-rule` now work with inset, visibility, and color properties, replacing hacky background tricks.
1 source
Two of the most hand-rolled utilities in JavaScript now ship with the runtime, with an options bag, so the lodash or copy-pasted version is no longer the default answer.
1 source