Discover some of the interesting features that have landed in stable and beta web browsers during September 2023.
Stable browser releases
In September 2023 Firefox 118, Safari 17, and Chrome 117 became stable. This post takes a look at what that means for the web platform.
The subgrid value for grid-template-columns and grid-template-rows is
included in Chrome 117, making this longed for feature interoperable. You can
learn more about subgrid in the article CSS subgrid.
Chrome also includes three new CSS features to easily add entry and exit
animations, and smoothly animate to and from the top layer dismissible elements
such as dialogs and popovers. You can learn about the transition-behavior
property, @starting-style rule, and overlay property in the article Four
new CSS features for entry and exit
animations.
Also in Chrome 117 is JavaScript array grouping with the Object.groupBy and Map.groupBy static methods.
Safari 17 includes the popover attribute, to add support for the Popover
API.
Safari 17 and Firefox 118 include the HTML
<search>
element. This element represents the parts of the page or application that
contain funtionality for search or filtering content.
There are lots of new CSS features included in Safari 17, including
@counter-style.
This rule lets you define counter styles that are outside the predefined list of
style. This feature is now available in all three engines.
Firefox 118 includes several additional CSS math functions: abs(), sign(),
round(), mod(), rem(), pow(), sqrt(), hypot(), log(), and exp().
Safari 17 also includes support for HEIC/HEIF images, and JPEG XL.
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 are Firefox 119, Safari 17.1, and Chrome 118. These releases bring many great features to the platform. Check out the release notes for all of the details, here are just a few highlights.
The <search> element, shipping in Firefox and Safari this month is included in
Chrome 118, meaning this feature is quickly landing across all three engines.
The Object.groupBy and Map.groupBy static methods are part of Firefox 119.
Chrome 118 includes CSS scoped
styles with the @scope
rule and new media features with prefers-reduced-transparency and scripting.
Safari 17.1 is currently a release that fixes a range of issues across the platform.
Part of the New to the web series