Ignore letter spacing in cursive scripts*
Chrome 137
Stable release date: May 27th, 2025
CSS and UI
CSS if() function
The CSS if() function provides a concise way to express conditional values. It accepts a series of condition-value pairs, delimited by semicolons. The function evaluates each condition sequentially and returns the value associated with the first true condition. If none of the conditions evaluate to true, the function returns an empty token stream. This lets you express complex conditional logic in a simple and concise way.
CSS reading-flow, reading-order properties
The reading-flow CSS property controls the order in which elements in a flex, grid, or block layout are exposed to accessibility tools and focused using tab keyboard focus navigation.
The reading-order CSS property allows authors to manually-override the order within a reading flow container. It is an integer with default value of 0.
Ignore letter spacing in cursive scripts
This feature adds logic to ignore the letter-spacing setting for cursive scripts as specified by the developer, in line with the specification, to ensure that letter spacing does not disrupt word structure and aims to produce better user experience for users relying on cursive scripts.
With this feature, Chrome ensures that cursive scripts will be readable and properly spaced, even if the fonts don't have advanced typographic features.
The scripts this applies to in Chromium are Arabic, Hanifi Rohingya, Mandaic, Mongolian, N'Ko, Phags Pa, and Syriac as these scripts are considered cursive as per the specification.
Selection API getComposedRanges and direction
This feature ships two new API methods for the Selection API:
- Selection.direction which returns the selection's direction as either none, forward, or backward
- Selection.getComposedRanges() which returns a list of 0 or 1 composed StaticRange
A composed StaticRange is allowed to cross shadow boundaries, which a normal Range cannot.
Support offset-path: shape()
Support offset-path: shape(), to allow using responsive shapes to set the animation path.
Support the transform attribute on SVGSVGElement
This feature enables the application of transformation properties—such as scaling, rotation, translation, and skewing—directly to the <svg> root element using its transform attribute. This enhancement lets you manipulate the entire SVG coordinate system or its contents as a whole, providing greater flexibility in creating dynamic, responsive, and interactive vector graphics. By supporting this attribute, the <svg> element can be transformed without requiring
additional wrapper elements or complex CSS workarounds, streamlining the process of building scalable and animated web graphics.</svg></svg>
System accent color for accent-color property
This lets you use the operating system's accent color for form elements. By using the accent-color CSS property, you can ensure that form elements such as checkboxes, radio buttons, and progress bars automatically adopt the accent color defined by the user's operating system. This has been supported on macOS since 2021, and is now supported on Windows and ChromeOS.
Allow <use> to reference an external document's root element by omitting the fragment.
This feature streamlines the SVG <use> element by loosening referencing requirements. Before Chrome 137, you had to explicitly reference fragments within the SVG document. If no fragment ID is given <use> won't be able to resolve the target and nothing will be rendered or referred.</use></use></use>
Canvas floating point color types
Introduces the ability to use floating point pixel formats (as opposed to 8-bit fixed point) with CanvasRenderingContext2D, OffscreenCanvasRenderingContext2D, and ImageData.
This is necessary for high precision applications (for example, medical visualization), high dynamic range content, and linear working color spaces.
view-transition-name: match-element
The match-element value generates a unique ID based on the element's identity and renames the same for this element. This is used in Single Page App cases where the element is being moved around and you want to animate it with a view transition.
Payments
Align error type thrown for payment WebAuthn credential creation: SecurityError becomes NotAllowedError
Correct the error type thrown during WebAuthn credential creation for payment credentials. Due to a historic specification mismatch, creating a payment credential in a cross-origin iframe without a user activation would throw a SecurityError instead of a NotAllowedError, which is what is thrown for non-payment credentials.
This is a breaking change, albeit a niche one. Code that previously detected the type of error thrown (for example, e instanceof SecurityError) is affected. Code that just generally handles errors during credential creation (for example, catch (e)) will continue to function correctly.
Web APIs
Blob URL Partitioning: Fetching/Navigation
As a continuation of Storage Partitioning, Chrome has implemented partitioning of Blob URL access by Storage Key (top-level site, frame origin, and the has-cross-site-ancestor boolean), with the exception of top-level navigations which will remain partitioned only by frame origin. This behavior is similar to what's currently implemented by both Firefox and Safari, and aligns Blob URL usage with the partitioning scheme used by other storage APIs as part of Storage Partitioning. In addition, Chrome now enforces noopener on renderer-initiated top-level navigations to Blob URLs where the corresponding site is cross-site to the top-level site performing the navigation. This aligns Chrome with similar behavior in Safari, and the relevant specs have been updated to reflect these changes.
Call stacks in crash reports from unresponsive web pages
This feature captures the JavaScript call stack when a web page becomes unresponsive due to JavaScript code running an infinite loop or other very long computation. This helps developers to identify the cause of the unresponsiveness and fix it more easily. The JavaScript call stack is included in the crash reporting API when the reason is unresponsive.
Document-Isolation-Policy
Document-Isolation-Policy lets a document enable crossOriginIsolation for itself, without having to deploy COOP or COEP, and regardless of the crossOriginIsolation status of the page. The policy is backed by process isolation. Additionally, the document non-CORS cross-origin subresources will either be loaded without credentials or will need to have a CORP header.
Ed25519 in web cryptography
This feature adds support for Curve25519 algorithms in the Web Cryptography API, namely the signature algorithm Ed25519
HSTS tracking prevention
Mitigates user tracking by third-parties using the HSTS cache.
This feature only allows HSTS upgrades for top-level navigations and blocks HSTS upgrades for sub-resource requests. Doing so makes it infeasible for third-party sites to use the HSTS cache in order to track users across the web.
WebAssembly
JavaScript promise integration
JavaScript Promise Integration (JSPI) is an API that allows WebAssembly applications to integrate with JavaScript Promises.
It allows a WebAssembly program to act as the generator of a Promise, and it allows the WebAssembly program to interact with Promise-bearing APIs.
In particular, when an application uses JSPI to call a Promise-bearing (JavaScript) API, the WebAssembly code is suspended; and the original caller to the WebAssembly program is given a Promise that will be fulfilled when the WebAssembly program finally completes.
WebAssembly Branch Hints
Improves the performance of compiled WebAssembly code by informing the engine that a particular branch instruction is very likely to take a specific path.
This allows the engine to make better decisions for code layout (improving instruction cache hits) and register allocation.
WebGPU
GPUTextureView for externalTexture binding
A GPUTextureView is now allowed to be used for an externalTexture binding when creating a GPUBindGroup.
copyBufferToBuffer overload
The GPUCommandEncoder copyBufferToBuffer() method now includes a simpler way to copy entire buffers using a new overload with optional offsets and size parameters.
Enterprise
IP address logging and reporting
Chrome Enterprise is enhancing security monitoring and incident response capabilities by collecting and reporting local and remote IP addresses and sending those IP addresses to the Security Investigation Logs (SIT). In addition, Chrome Enterprise will allow admins to optionally send the IP addresses to first-party and third-party SIEM providers through the Chrome Enterprise Reporting connector.
Origin trials
Full frame rate render blocking attribute
Adds a new render blocking token full-frame-rate to the blocking attributes. When the renderer is blocked with the full-frame-rate token, the renderer will work at a lower frame rate so as to reserve more resources for loading.
Pause media playback on not-rendered iframes
Adds a media-playback-while-not-rendered permission policy to allow embedder websites to pause media playback of embedded iframes which aren't rendered—that is, have their display property set to none. This should allow developers to build more user-friendly experiences and to also improve the performance by letting the browser handle the playback of content that is not visible to users.
Rewriter API
The Rewriter API transforms and rephrases input text in requested ways, backed by an on-device AI language model. Developers may use this API to remove redundancies within a text in order to fit into a word limit, rephrase messages to suit the intended audience or to be more constructive if a message is found to use toxic language, rephrasing a post or article to use simpler words and concepts and more.
Writer API
The Writer API can be used for writing new material given a writing task prompt, backed by an on-device AI language model. Developers will be able to use this API to generate textual explanations of structured data, composing a post about a product based on reviews or product description, expanding on pro and con lists into full views and more.