📃 June 2024 release notes

Newly available

The following features are newly available:

Async clipboard: The navigator.clipboard API asynchronously reads and writes to the system clipboard.
Gradient interpolation: Gradient interpolation controls how the colors between gradient stops are calculated in CSS. For example, linear-gradient(to right in oklch longer hue, red, red); calculates in the oklch color space, with the hue going all the way around the hue circle from red back to red.
Set methods: The difference(), intersection(), isDisjointFrom(), isSubsetOf(), isSupersetOf(), symmetricDifference(), and union() methods of the JavaScript Set object performs operations between two sets.

The following features are now widely available:

Contenteditable: The contenteditable global HTML attribute allows the user to edit the content of an element, such as inserting or deleting text.
SharedArrayBuffer and Atomics: The SharedArrayBuffer object represents bytes shared between multiple workers and the main thread. The Atomics object safely accesses SharedArrayBuffer data to make sure predictable values are read and written and that operations are not interrupted.
Threads and atomics (WebAssembly): Threads in WebAssembly run code in parallel, while atomic memory instructions can guarantee that no two threads can read or write to shared memory at the same time.

The following features are now available in Chrome:

CloseWatcher: The CloseWatcher API listens and responds to close requests on in-page components, such as modals, popovers, and sidebars.
Cross-document view transitions: The @view-transition CSS rule sets whether a document opts-in to transitions between documents in a multi-page application. Both the old and new document must opt-in for a transition to be triggered.
Shared storage: The sharedStorage API stores data to a shared space where the data can then be processed without the ability to track users across the different sites they visit. A common use case is measuring the reach of third-party ads without using user-tracking cookies."

The following features are now available in Chrome Android:

CloseWatcher: The CloseWatcher API listens and responds to close requests on in-page components, such as modals, popovers, and sidebars.
Cross-document view transitions: The @view-transition CSS rule sets whether a document opts-in to transitions between documents in a multi-page application. Both the old and new document must opt-in for a transition to be triggered.
Shared storage: The sharedStorage API stores data to a shared space where the data can then be processed without the ability to track users across the different sites they visit. A common use case is measuring the reach of third-party ads without using user-tracking cookies."

The following features are now available in Edge:

CloseWatcher: The CloseWatcher API listens and responds to close requests on in-page components, such as modals, popovers, and sidebars.
Cross-document view transitions: The @view-transition CSS rule sets whether a document opts-in to transitions between documents in a multi-page application. Both the old and new document must opt-in for a transition to be triggered.
Shared storage: The sharedStorage API stores data to a shared space where the data can then be processed without the ability to track users across the different sites they visit. A common use case is measuring the reach of third-party ads without using user-tracking cookies."

The following features are now available in Firefox:

ClipboardItem.supports(): The ClipboardItem.supports() static method checks if the browser supports writing data types such as "image/svg+xml" or other custom formats to the system clipboard.

The following features are now available in Firefox for Android:

ClipboardItem.supports(): The ClipboardItem.supports() static method checks if the browser supports writing data types such as "image/svg+xml" or other custom formats to the system clipboard.