0% found this document useful (0 votes)
14 views5 pages

New To The Web Platform in February - Blog - Web - Dev

The document discusses new features introduced in stable and beta web browsers in February 2025, highlighting updates in Firefox 135 and Chrome 133. Key features include support for WebAuthn capabilities, enhancements to CSS properties, and the introduction of the FileSystemObserver interface. Additionally, it mentions upcoming features in beta versions of Firefox 136, Safari 18.4, and Chrome 134.

Uploaded by

Ethereal Charms
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
14 views5 pages

New To The Web Platform in February - Blog - Web - Dev

The document discusses new features introduced in stable and beta web browsers in February 2025, highlighting updates in Firefox 135 and Chrome 133. Key features include support for WebAuthn capabilities, enhancements to CSS properties, and the introduction of the FileSystemObserver interface. Additionally, it mentions upcoming features in beta versions of Firefox 136, Safari 18.4, and Chrome 134.

Uploaded by

Ethereal Charms
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

05/03/2025, 19:02 New to the web platform in February | Blog | web.

dev

New to the web platform in


February
Discover some of the interesting features that have landed in stable and beta web
browsers during February 2025.

Rachel Andrew
(https://twitter.com/rachelandrew) (https://github.com/rachelandrew)

(https://www.linkedin.com/in/rachelandrew) (https://front-end.social/@rachelandrew)

(https://bsky.app/profile/rachelandrew.bsky.social) (https://rachelandrew.co.uk)

Published: February 28, 2025

Stable browser releases

In February 2025 Firefox 135 (https://developer.mozilla.org/docs/Mozilla/Firefox/Releases/135) and


Chrome 133 (https://developer.chrome.com/release-notes/133) became stable. This post looks at
the new features added to the web platform.

Note: Browser compatibility data pulled from MDN is included in these posts and may not have been
updated yet for very recent browser releases. The post will show the correct information as soon as it
appears in the browser-compat-data release (https://github.com/mdn/browser-compat-data/releases).

Check for WebAuthn capabilities


Firefox 135 and Chrome 133 both add support for the
PublicKeyCredential.getClientCapabilities()
(https://developer.mozilla.org/docs/Web/API/PublicKeyCredential/getClientCapabilities_static) static

https://web.dev/blog/web-platform-02-2025?hl=en 1/5
05/03/2025, 19:02 New to the web platform in February | Blog | web.dev

method. This lets you check if a browser supports features of the Web Authentication API,
without needing to resort to browser sniffing.

Browser Support
133 133 135 17.4
Source (https://developer.mozilla.org/docs/Web/API/PublicKeyCredential/getClientCapabilities_static)

Firefox 135 also includes features from the JSON parse with source proposal
(https://github.com/tc39/proposal-json-parse-with-source)—the JSON.parse
(https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse) reviver
parameter context argument, JSON.isRawJSON()
(https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON/isRawJSON), and
JSON.rawJSON()
(https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON/rawJSON).

Browser Support
114 114 135 x
Source
(https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON/isRawJSON)

The hint value of the popover attribute


Chrome 133 adds a third value for the popover attribute,
popover="hint" (https://developer.mozilla.org/docs/Web/HTML/Global_attributes/popover#hint).
Hints, which are most often associated with "tooltip" type behaviors, have slightly different
behaviors. It's now possible to open an unrelated hint popover while an existing stack of
auto popovers stays open.

The canonical example is that a <select> picker is open (popover="auto") and a hover-
triggered tooltip (popover="hint") is shown. That action does not close the <select>
picker.

Browser Support
133 133 x x

https://web.dev/blog/web-platform-02-2025?hl=en 2/5
05/03/2025, 19:02 New to the web platform in February | Blog | web.dev

Read more in Popover = hint (https://developer.chrome.com/blog/popover-hint).

CSS advanced attr() function


There's a nice collection of CSS additions in Chrome 133. This Chrome release includes the
augmentation to attr() (https://developer.mozilla.org/docs/Web/CSS/attr) specified in CSS Level
5, which allows types besides <string> and use in all CSS properties (in addition to the
existing support for the pseudo-element content).

Browser Support
133 133 x x
Learn more in CSS attr() gets an upgrade (https://developer.chrome.com/blog/advanced-attr).

CSS scroll state container queries


Also in Chrome 133, use container queries to style descendants of containers based on
their scroll state.

The query container is either a scroll container, or an element affected by the scroll
position of a scroll container. The following states can be queried:

stuck: A sticky positioned container is stuck to one of the edges of the scroll box.

snapped: A scroll snap aligned container is currently snapped horizontally or


vertically.
scrollable: Whether a scroll container can be scrolled in a queried direction.

There's also a new value for container-type: scroll-state that lets containers be
queried.

Browser Support
133 133 x x
Read CSS scroll-state() (https://developer.chrome.com/blog/css-scroll-state-queries) to find
out more.

CSS text-box, text-box-trim, and text-box-edge

https://web.dev/blog/web-platform-02-2025?hl=en 3/5
05/03/2025, 19:02 New to the web platform in February | Blog | web.dev

Also in CSS for Chrome 133 are the text-box-trim and text-box-edge properties, along
with the text-box shorthand property, these make finer control of vertical alignment of
text possible.

Browser Support
133 133 x 18.2
Find out more about how this useful property works in CSS text-box-trim
(https://developer.chrome.com/blog/css-text-box-trim).

DOM state-preserving move


Chrome 133 adds a DOM primitive (Node.prototype.moveBefore) that lets you move
elements around a DOM tree, without resetting the element's state.

When moving instead of removing and inserting, following state such as the following is
preserved:

<iframe> elements remain loaded.

The active element remains focus.


Popovers, fullscreen, and modal dialogs remain open.
CSS transitions and animations continue.

Browser Support
133 133 x x

The FileSystemObserver interface


The FileSystemObserver interface added in Chrome 133 notifies websites of changes to
the file system. Sites observe changes to files and directories, to which the user has
previously granted permission, in the user's local device, or in the Bucket File System (also
known as the Origin Private File System), and are notified of basic change info, such as the
change type.

Browser Support
133 133 x x

https://web.dev/blog/web-platform-02-2025?hl=en 4/5
05/03/2025, 19:02 New to the web platform in February | Blog | web.dev

Beta browser releases

Beta browser versions give you a preview of things that will be in the next stable version of
the browser. It's a great time to test new features, or removals, that could impact your site
before the world gets that release. New betas are Firefox 136
(https://developer.mozilla.org/docs/Mozilla/Firefox/Releases/136), Safari 18.4
(https://developer.apple.com/documentation/safari-release-notes/safari-18_4-release-notes), and
Chrome 134 (https://developer.chrome.com/blog/chrome-134-beta). These releases bring many
great features to the platform. Check out the release notes for all of the details. Here are
just a few highlights.

The latest Safari beta brings a huge list of additions and improvements, including some
features that we expect to become Baseline Newly available once this browser becomes
stable. For example writing-mode: sideways-rl and writing-mode: sideways-lr, the
supports() static method for ClipboardItem, and a whole list of things from the Iterator
Helpers proposal.

Both the Safari 18.4 beta and Firefox 136 include the Cookie Store API, which should be
Baseline Newly available once both browsers ship.

Firefox 136 includes the :open and :has-slotted pseudo-classes, the latter is also in
Chrome 134. It also includes Intl.DurationFormat which should then be Baseline Newly
available.

Chrome 134 includes customizable <select> elements, the CSS dynamic-range-limit


property, and light dismiss functionality for <dialog> elements.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0
License (https://creativecommons.org/licenses/by/4.0/), and code samples are licensed under the Apache
2.0 License (https://www.apache.org/licenses/LICENSE-2.0). For details, see the Google Developers Site
Policies (https://developers.google.com/site-policies). Java is a registered trademark of Oracle and/or its
affiliates.

Last updated 2025-02-28 UTC.

https://web.dev/blog/web-platform-02-2025?hl=en 5/5

You might also like