July’s stable releases: Firefox 103 and Safari 15.6

Firefox 103 and Safari 15.6 moved to stable in July, closing some long-standing cross-browser gaps in CSS support.

backdrop-filter now works everywhere

Firefox 103 ships backdrop-filter, which applies visual effects like blurring to the area behind an element. With this release the property is available in all three browser engines, although Safari still requires the -webkit prefix.

scroll-snap-stop reaches all engines

Firefox also implemented scroll-snap-stop in this release. The property controls whether a scrolling container passes over candidate snap points (the default, normal) or is forced to stop at the first one (always). Full interop is now in place across Chrome, Edge, Firefox, and Safari.

The :modal pseudo-class lands in both browsers

Safari 15.6 was mostly a bug-fix release, but it did add the :modal pseudo-class, which also shipped in Firefox 103. The selector matches an element when everything outside it is inert until that element is dismissed—for instance, a dialog opened with showModal().

Beta releases preview August features

Beta channels offer an early look at what reaches stable next. July saw only Firefox 104 enter beta due to release scheduling, though the Safari 16 beta mentioned previously is still running.

Firefox 104 brings two notable additions:

  • Support for the CSS Font Loading API inside Web Workers.
  • The CSS animation-composition property, which defines how multiple animations affecting the same property at the same time are combined.

All of these features will reach stable browsers in upcoming releases.