Web platform features explorer

📃 January 2024 release notes

Newly available

The following features are newly available:

  • Array.fromAsync(): The Array.fromAsync() static method copies items from an async iterable object to make a new array.
  • AVIF: AVIF (AV1 Image File Format) is an image format based on the AV1 video format.

New in Chrome

The following features are now available in Chrome:

  • 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.
  • EditContext: The EditContext API allows you to build rich text editors that support advanced text input, such as Input Method Editor (IME) composition, an emoji picker, or other platform-specific editing UI.
  • font-palette animation: You can animate color fonts between two font-palette values.
  • Remote playback: The Remote Playback API initiates and controls playback of media on connected remote devices, such as smart TVs with AirPlay or Chromecast capabilities.
  • scrollbar-color: The scrollbar-color CSS property sets the color of the scrollbar track and thumb.
  • scrollbar-width: The scrollbar-width CSS property sets the width of the scrollbar.
  • showPicker() for <select>: The showPicker() method for <select> elements shows the dropdown menu or other user interface for picking one of the options.
  • ::spelling-error and ::grammar-error: The ::spelling-error and ::grammar-error CSS pseudo-elements match text that is highlighted as misspelled and grammatically incorrect, respectively.

New in Chrome Android

The following features are now available in Chrome 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.
  • EditContext: The EditContext API allows you to build rich text editors that support advanced text input, such as Input Method Editor (IME) composition, an emoji picker, or other platform-specific editing UI.
  • font-palette animation: You can animate color fonts between two font-palette values.
  • scrollbar-color: The scrollbar-color CSS property sets the color of the scrollbar track and thumb.
  • scrollbar-width: The scrollbar-width CSS property sets the width of the scrollbar.
  • showPicker() for <select>: The showPicker() method for <select> elements shows the dropdown menu or other user interface for picking one of the options.
  • ::spelling-error and ::grammar-error: The ::spelling-error and ::grammar-error CSS pseudo-elements match text that is highlighted as misspelled and grammatically incorrect, respectively.

New in Edge

The following features are now available in Edge:

  • 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.
  • EditContext: The EditContext API allows you to build rich text editors that support advanced text input, such as Input Method Editor (IME) composition, an emoji picker, or other platform-specific editing UI.
  • font-palette animation: You can animate color fonts between two font-palette values.
  • Remote playback: The Remote Playback API initiates and controls playback of media on connected remote devices, such as smart TVs with AirPlay or Chromecast capabilities.
  • scrollbar-color: The scrollbar-color CSS property sets the color of the scrollbar track and thumb.
  • scrollbar-width: The scrollbar-width CSS property sets the width of the scrollbar.
  • showPicker() for <select>: The showPicker() method for <select> elements shows the dropdown menu or other user interface for picking one of the options.
  • ::spelling-error and ::grammar-error: The ::spelling-error and ::grammar-error CSS pseudo-elements match text that is highlighted as misspelled and grammatically incorrect, respectively.

New in Firefox

The following features are now available in Firefox:

  • Largest contentful paint (LCP): The largest-contentful-paint performance entry and the LargestContentfulPaint API measures the time it takes for the largest image or text to appear. Largest contentful paint (LCP) is a common metric for perceived loading times.
  • page-orientation: The page-orientation CSS property sets the rotation of a page after pagination. This allows pages with the same size declaration to display with different orientations.
  • showPicker() for <select>: The showPicker() method for <select> elements shows the dropdown menu or other user interface for picking one of the options.
  • Transferable ArrayBuffer: The transfer() and transferToFixedLength() methods of ArrayBuffer move a buffer from one context to another (for example, to a worker).

New in Firefox for Android

The following features are now available in Firefox for Android:

  • Largest contentful paint (LCP): The largest-contentful-paint performance entry and the LargestContentfulPaint API measures the time it takes for the largest image or text to appear. Largest contentful paint (LCP) is a common metric for perceived loading times.
  • page-orientation: The page-orientation CSS property sets the rotation of a page after pagination. This allows pages with the same size declaration to display with different orientations.
  • showPicker() for <select>: The showPicker() method for <select> elements shows the dropdown menu or other user interface for picking one of the options.
  • Transferable ArrayBuffer: The transfer() and transferToFixedLength() methods of ArrayBuffer move a buffer from one context to another (for example, to a worker).