New to the web platform in June

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

Stable browser releases

In June 2023 Firefox 114 became stable, so it's a single browser issue this month. Check out the beta browser releases section for details of several features that are about to become interoperable once those betas become stable.

WebTransport API

Firefox 114 includes the WebTransport API, a modern update to WebSockets providing support for multiple streams, unidirectional streams, and out-of-order delivery.

Browser Support

  • Chrome: 97.
  • Edge: 97.
  • Firefox: 114.
  • Safari: not supported.

Source

The SVG crossorigin attribute

Firefox 114 also includes the crossorigin attribute, on the <image> and <feImage> elements in SVG, provides support for configuration of the Cross-Origin Resource Sharing (CORS) requests for the element's fetched data. This works in the same way as the HTML crossorigin attribute.

Browser Support

  • Chrome: 118.
  • Edge: 118.
  • Firefox: 114.
  • Safari: 17.2.

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 115, and Safari 17 with Chrome 115 and Safari 16.6 still ongoing. 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.

Firefox 115 supports the CSS animation-composition property. Once this version of Firefox becomes stable on July 4th, animation-composition will be supported in all three major engines. Learn more in the article Specify how multiple animation effects should composite with animation-composition.

Also reaching interoperability with Firefox 115 are a set of methods for Array and TypedArray. Array.toReversed(), Array.toSorted(), Array.toSpliced(), Array.with(), TypedArrays.toReversed(), TypedArrays.toSorted(), and TypedArrays.with() return a new array with elements that have been shallow copied.

There is a whole stack of new features and fixes in the Safari 17 beta. Safari 17 adds Web Apps to macOS Sonoma. This means you can add a website to the Dock from the File menu or Share Sheet, and it will open in its own window.

Safari 17 also brings some features to interoperable status—contain-intrinsic-size, @counter-style, @font-face size-adjust, and the overflow-block and overflow-inline media features will be available in all major engines when Safari 17 ships.

Part of the New to the web series