May 2022 web platform update

Now available in Chrome
Limited availability

Column breaks: In columnar layouts (created by the columns or column-count CSS properties), the break-after, break-before, break-inside properties control where columns start or end. Learn more.
Fetch priority: The fetch() priority option and the fetchPriority HTML attribute give hints to the browser about which requests to do before other requests of the same type. Learn more.
hidden="until-found": The hidden="until-found" attribute hides an element until it is found using the browser's find-in-page search or it is directly navigated to by following a URL fragment. Learn more.
Inert elements: The inert HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fire click events. Learn more.
Navigation API: The navigation API provides mechanisms to initiate, intercept, and manage browser navigation actions. Learn more.
Origin private file system: The navigator.storage.getDirectory() method returns a FileSystemDirectoryHandle that is restricted to a specific origin and invisible to the user's actual file system for faster file-based applications, such as SQLite databases. Learn more.

Column breaks: In columnar layouts (created by the columns or column-count CSS properties), the break-after, break-before, break-inside properties control where columns start or end. Learn more.
Fetch priority: The fetch() priority option and the fetchPriority HTML attribute give hints to the browser about which requests to do before other requests of the same type. Learn more.
hidden="until-found": The hidden="until-found" attribute hides an element until it is found using the browser's find-in-page search or it is directly navigated to by following a URL fragment. Learn more.
Inert elements: The inert HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fire click events. Learn more.
Navigation API: The navigation API provides mechanisms to initiate, intercept, and manage browser navigation actions. Learn more.

Column breaks: In columnar layouts (created by the columns or column-count CSS properties), the break-after, break-before, break-inside properties control where columns start or end. Learn more.
Fetch priority: The fetch() priority option and the fetchPriority HTML attribute give hints to the browser about which requests to do before other requests of the same type. Learn more.
hidden="until-found": The hidden="until-found" attribute hides an element until it is found using the browser's find-in-page search or it is directly navigated to by following a URL fragment. Learn more.
Inert elements: The inert HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fire click events. Learn more.
Navigation API: The navigation API provides mechanisms to initiate, intercept, and manage browser navigation actions. Learn more.
Origin private file system: The navigator.storage.getDirectory() method returns a FileSystemDirectoryHandle that is restricted to a specific origin and invisible to the user's actual file system for faster file-based applications, such as SQLite databases. Learn more.

Constructed stylesheets: The CSSStyleSheet constructor creates a new stylesheet which can be shared between a document and multiple shadow roots using adoptedStyleSheets. Learn more.
preservesPitch: The preservesPitch property for <audio> or <video> adjusts the pitch of audio to sound more natural when the playback rate is faster or slower than the default. Learn more.
showPicker() for <input>: The showPicker() method for <input> elements shows the user interface for picking a value. For example, for <input type="date"> it shows the interface for picking a date. Learn more.
Small, large, and dynamic viewport units: The sv*, lv*, and dv* CSS viewport units are relative to the smallest, largest, and current (dynamic) viewport size. They are used to size elements in relation to the viewport's dimensions. Learn more.

Constructed stylesheets: The CSSStyleSheet constructor creates a new stylesheet which can be shared between a document and multiple shadow roots using adoptedStyleSheets. Learn more.
preservesPitch: The preservesPitch property for <audio> or <video> adjusts the pitch of audio to sound more natural when the playback rate is faster or slower than the default. Learn more.
showPicker() for <input>: The showPicker() method for <input> elements shows the user interface for picking a value. For example, for <input type="date"> it shows the interface for picking a date. Learn more.
Small, large, and dynamic viewport units: The sv*, lv*, and dv* CSS viewport units are relative to the smallest, largest, and current (dynamic) viewport size. They are used to size elements in relation to the viewport's dimensions. Learn more.

Inert elements: The inert HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fire click events. Learn more.

Inert elements: The inert HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fire click events. Learn more.