Discover some of the interesting features that landed in stable and beta web browsers during September 2022.
Stable browser releases
Safari has landed support for the
subgrid value of
grid-template-rows. Using this value on a grid that is also a grid item means that instead of defining new tracks, the grid uses those that it spans of the parent.
Also, in Safari, for grid layout is the ability to animate grid tracks.
New Intl APIs
The Intl APIs help to display content in a localized format and Chrome 106 adds a slew of new number format functionality.
Like other Intl APIs, this shifts the burden to the system—so you don’t need to ship or maintain complex localization code to every user. The API knows where the currency symbol goes, how to format dates and times, or compile a list.
The showPicker() method
Safari 16 contains the
showPicker() method, enabling a canonical way to show a browser picker for dates, time, color, and files is included. You can find out more about this in show a browser picker for date, time, color, and files.
Beta browser releases
Beta browser versions give you a preview of things that will be in the next stable version of the browser. It's a great time to test new features, or removals, that could impact your site before the world gets that release. New betas this month are Chrome 107, Safari 16.1, and Firefox 106.
Chrome 107 includes the ability to animate grid tracks, that also shipped in Safari this month. Once this lands in Chrome it will be supported in all three major engines.
displaySurfaceoption can indicate that the web app prefers to offer a specific display surface type (tabs, windows, or screens).
surfaceSwitchingoption indicates whether Chrome should allow the user to dynamically switch between shared tabs.
selfBrowserSurfaceoption can be used to prevent the user from sharing the current tab. This avoids the "hall of mirrors" effect.
systemAudiooption ensures Chrome only offers relevant audio-capture to the user.
Safari 16.1 includes an additional fix to accessibility of
display: contents, a fix to dynamic viewport height (
dvh) units, and support for scroll to text fragments.
Part of the New to the web series