chrome 140 · released

chrome 140 platform demos

31 features tracked for Chrome 140. Click a feature's title to open its demo; each card also links to its ChromeStatus entry.

Per-feature demos below are built automatically, one feature per commit, and every distinct use case should become an interactive concept page.

features (31)

Shipped (20)

  1. CSS caret-animation property

    Chromium supports animation of the caret-color property, but when animated the default blinking behavior of the caret interferes with the animation. For instance, see the example at https://drafts.csswg.org/css-ui/#caret...

  2. CSS counter() and counters() in alt text of 'content' property

    counter() and counters() in alt text of 'content' property is useful to provide more meaningful information to e.g. pseudo-elements to improve their accessibility.

  3. CSS scroll-target-group property

    The scroll-target-group property specifies whether the element is a scroll marker group container. 'none': The element does not establish a scroll marker group container. 'auto': The element establishes a scroll mark...

  4. CSS typed arithmetic

    Typed arithmetic allows to write expressions in CSS such a calc(10em / 1px) or calc(20% / 0.5em * 1px) which is useful for e.g. typography, as it allows to convert typed value into an untyped one and reuse it for number ...

  5. Controlled Frame API (available only to IWAs)

    Adds a Controlled Frame API available only to Isolated Web Apps (IWAs). This work adds a new Controlled Frame API which is only available to Isolated Web Apps (IWAs). Like similarly-named APIs on other platforms, Contro...

  6. Http cookie prefix

    There are cases where it's important to distinguish on the server side between cookies that were set by the server and ones that were set by the client. One such case is cookies that are normally always set by the ser...

  7. Nested view transitions groups

    Allow view-transitions to generate a nested pseudo-element tree rather than a flat one. This allows the view transition to appear more in line with its original elements and visual intent, as it enables clipping, nest...

  8. Optional browser optimization for Service Workers

    Chrome 154 includes an optional browser optimization mode that changes existing service worker behavior. In ServiceWorkerAutoPreload mode, the browser issues the network request in parallel with the service worker bootst...

  9. Propagate Viewport overscroll-behavior from Root

    Propagate overscroll-behavior from the root instead of the body. The CSS working group resolved[0] on not propagating properties from the <body> to the viewport. Rather, properties of the viewport are to be propagated ...

  10. ReadableStreamBYOBReader Min Option

    This feature introduces a min option to the existing ReadableStreamBYOBReader.read(view) API. The API already accepts a ArrayBufferView into which data is read, but currently does not guarantee how many elements will be ...

  11. ScrollIntoView container option

    The ScrollIntoViewOptions container option allows developers to perform a scrollIntoView only scrolling the nearest ancestor scroll container. For example, the following snippet only scrolls the scroll container of targe...

  12. ServiceWorkerStaticRouterTimingInfo

    Adds timing information for ServiceWorker Static routing API, exposed in navigation timing API and resource timing API for developer use. Service Worker provides timing information to mark certain points in time. We a...

  13. SharedWorker script inherit controller for blob script URL

    According to [Worker client case](https://w3c.github.io/ServiceWorker/#control-and-use-worker-client) (github), workers should inherit controllers for the blob URL. However, existing code allows only dedicated workers to...

  14. Support font-variation-settings descriptor in @font-face rule

    As CSS allows developers to adjust a font’s weight, width, slant, and other axes using the `font-variation-settings` property on individual elements, Chromium-based browsers lack support for this property within `@font-f...

  15. ToggleEvent source attribute

    The source attribute of ToggleEvents contains the element which triggered the ToggleEvent to be fired, if applicable. For example, if a button element with the popovertarget or commandfor attribute set up to open a popov...

  16. Uint8Array to/from base64 and hex

    base64 is a common way to represent arbitrary binary data as ASCII. JavaScript has Uint8Arrays to work with binary data, but no built-in mechanism to encode that data as base64, nor to take base64'd data and produce a co...

  17. View Transition finished promise timing change

    The current finished promise timing happens within the rendering lifecycle steps. This means that code that runs as a result of promise resolution happens after the visual frame that removes the view transition has been ...

  18. View Transitions: Inherit more animation properties

    Similar to https://chromestatus.com/feature/5424291457531904, which inherited animation-delay, this feature adds more animation properties to inherit through the view transition pseudo tree based on resolution in https:/...

  19. View transition pseudos inherit animation-delay.

    View Transitions project adds a tree of pseudo elements that have various animations applied to them. For ease of development and customization some niceties are provided, such as inheriting animation-duration. This f...

  20. highlightsFromPoint API

    The highlightsFromPoint API enables developers to interact with custom highlights by detecting which highlights exist at a specific point within a document. This interactivity is valuable for complex web features where m...

Deprecated (1)

  1. Deprecate special font size rules for H1 within some elements

    The HTML spec contains a list of [special rules for H1 tags](https://html.spec.whatwg.org/multipage/rendering.html#sections-and-headings) nested within `article`, `aside`, `nav`, or `section` tags. Chrome 140 deprecates ...

Stepped rollout (2)

  1. Get Installed Related Apps API

    The Get Installed Related Apps API (navigator.getInstalledRelatedApps) provides sites access to if their corresponding related applications are installed. Sites are only allowed to use this API if the native application ...

    Stepped rollout ChromeStatus ↗ demo →
  2. Optional browser optimization for Service Workers

    Chrome 154 includes an optional browser optimization mode that changes existing service worker behavior. In ServiceWorkerAutoPreload mode, the browser issues the network request in parallel with the service worker bootst...

Origin Trial (4)

  1. Clipboardchange event

    The "clipboardchange" event fires whenever the system clipboard contents are changed either by a web app or any other system application. This allows web-apps like remote desktop clients to keep their clipboards synchron...

    Origin Trial ChromeStatus ↗ demo →
  2. Crash Reporting key-value API

    A new key-value API, tentatively `window.crashReport`, backed by a per-Document map holding data that gets appended to crash reports. See https://github.com/WICG/crash-reporting/issues/15 for initial discussion. The dat...

    Origin Trial ChromeStatus ↗ demo →
  3. Incoming Call Notifications

    Extend the Notifications API to allow installed PWA's to send incoming call notifications - i.e., notifications with call-styled buttons and a ringtone. This extension will help VoIP web apps to create more engaging expe...

    Origin Trial ChromeStatus ↗ demo →
  4. SharedWorker on Android

    For a long time, SharedWorker has been disabled on Android due to concerns about its unpredictable process lifecycle. We believed that SharedWorker instances might terminate unexpectedly, without noticing to users or web...

    Origin Trial ChromeStatus ↗ demo →

Dev Trial (4)

  1. Element-scoped view transitions

    Exposes element.startViewTransition() on arbitrary HTML elements. The element establishes a scope for the transition, which means that the transition pseudo-elements are affected by ancestor clips and transforms, and mu...

  2. Mirroring of RTL MathML operators

    Support for character-level and glyph-level mirroring when rendering MathML operators in right-to-left mode. When using RTL mode some operators can be mirrored by changing them to another code point (e.g. a right pare...

  3. Permissions policy for Device Attributes API

    The new Permissions Policy enables restricting access to the Device Attributes API, which is available only for policy-installed kiosk web apps and policy-installed Isolated Web Apps, both only on managed ChromeOS device...

  4. SharedWorker on Android

    For a long time, SharedWorker has been disabled on Android due to concerns about its unpredictable process lifecycle. We believed that SharedWorker instances might terminate unexpectedly, without noticing to users or web...