Uncover a number of the attention-grabbing options which have landed in steady and beta
internet browsers throughout Could 2026.
Revealed: Could 29, 2026
Secure browser releases
Chrome 148, Firefox
151, and
Safari 26.5
launched to steady throughout Could. This put up takes a take a look at the various new options
this month.
The :open CSS pseudo-class turns into Baseline
Safari 26.5 is generally a launch of fixes to present options.
Nonetheless, it additionally contains assist for the :open
pseudo-class, making this
function Baseline Newly obtainable.
The :open pseudo-class helps you to model parts which have “open” and “closed”
states when they’re open. This is applicable to parts resembling
<particulars> and <dialog> when they’re open, in addition to <choose> and
<enter> parts (like coloration or date pickers) when their picker interfaces are
exhibiting. This offers a cleaner, semantic different to styling utilizing
attributes like particulars[open].
CSS name-only container queries change into Baseline
With Chrome 148 delivery this month, name-only container
queries are
now Baseline Newly obtainable.
Beforehand, when writing a container question, you have been required to specify a dimension
or model question situation alongside the container identify, and set up the
container’s sort with the container-type property. Now, you may question the
presence of a named container by its identify solely, with none further
situation. Moreover, you now not have to set a container-type on the
ancestor in case you are solely querying by identify:
#container {
container-name: --sidebar;
}
@container --sidebar {
.content material {
padding: 2rem;
}
}
Container model queries for customized properties change into Baseline
Firefox 151 introduces assist for model() queries on @container, making
container model queries for customized properties Baseline Newly obtainable.
Container model queries can help you apply kinds to parts based mostly on the CSS
properties of a father or mother container. Whereas dimension queries are extraordinarily highly effective,
model queries allow you to question non-size options. Specifically, this launch
brings full cross-browser assist for querying customized properties. For instance,
you may verify if a customized property --theme is ready to darkish on a father or mother
container:
@container model(--theme: darkish) {
.card {
background-color: #1a1a1a;
coloration: #fff;
}
}
Lazy loading for video and audio parts
Chrome 148 introduces native lazy
loading
for <video> and <audio> parts with the loading="lazy" attribute.
Similar to <img> and <iframe> parts, now you can instruct the browser to
delay loading media sources till they’re near the viewport. This helps
enhance web page load efficiency, save bandwidth, and cut back knowledge utilization to your
customers. Be taught extra from the workforce who carried out this function in
How To Use Commonplace HTML Video and Audio Lazy-Loading on the Net Right this moment.
The Doc Image-in-Image API
Firefox 151 introduces assist for the Doc Image-in-Image API on
desktop platforms.
Not like the usual Image-in-Image API which helps you to view a <video>
aspect in an always-on-top window, the Doc Image-in-Image API helps you to
open an always-on-top window containing arbitrary HTML content material. This permits
wealthy interactive overlays resembling video convention participant grids,
interactive inventory tickers, or timers that persist even when navigating away from
the web page.
Net Serial API expands platform assist
Firefox 151 provides assist for the Net Serial
API on desktop
platforms, and Chrome 148 provides assist for it on Android.
The Net Serial API offers a means for web sites to learn from and write to serial
units, for instance, microcontrollers, 3D printers, improvement boards, and
peripheral {hardware}. In Firefox, utilizing the Net Serial API requires customers to
set up a synthetically generated web site permission add-on, making certain a secure and
managed mechanism to handle entry.
Beta browser releases
Beta browser variations offer you a preview of options within the subsequent steady model
of the browser. It is a good time to check new options, or removals, that would
influence your web site earlier than the world will get that launch. New betas this month are
Chrome 149 and Firefox
152. There may be
no Safari beta this month.
Chrome 149 beta contains thrilling CSS updates like CSS hole decorations,
letting you model the whitespace (gaps) between flex and grid objects. It
additionally helps path() and form() in addition to rect() and xywh() fundamental
form features within the shape-outside property, and path-length as a CSS
property. On the API aspect, programmatic scroll strategies like scrollTo(),
scrollBy(), and scrollIntoView() now return Guarantees resolving when clean
scrolling completes, and pages with energetic WebSocket connections can now qualify
for again/ahead caching (BFCache).
Firefox 152 beta introduces full assist for the field-sizing property,
which lets type controls robotically regulate their dimension to suit their contents.
It additionally provides actions and maxActions properties to the Notification
interface, and choices.pseudoElement assist in Component.getAnimations().
