New to the web platform in September

Discover some of the interesting features that have landed in stable and beta web browsers during September 2023.

Rachel Andrew

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.

Browser Support

Source

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.

Browser Support

Source

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.

Browser Support

Source

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.

Browser Support

Source

Firefox 118 includes several additional CSS math functions: abs(), sign(), round(), mod(), rem(), pow(), sqrt(), hypot(), log(), and exp().

Browser Support

Source

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