Safari’s Interop 2026 list, read for component libraries

A crystal chandelier made of salt hanging from a dark cavern ceiling, beside timber supports and a wooden staircase

The WebKit team's post on Interop 2026 lists the twenty areas the browser makers have agreed to make consistent this year, and two of them matter to anyone who maintains a component library.

The first is scoped custom element registries. Today the registry for custom elements is global: one definition per tag name across the entire page. That is a problem for two versions of a library on one page, a microfrontend with its own elements, or a third-party widget using the same tag. Scoped registries let different parts of an app, or different shadow roots, define the same tag independently. The second is scroll-driven animations, which move scroll effects from JavaScript into CSS.

I think scoped registries are the one to watch, because they change what a component library can promise. The global registry has always meant that a library could be broken by whatever else was on the page. A scoped registry makes a library's elements its own business.

My view is that a team maintaining a library across many applications should be tracking this one, with a note in the backlog for the day it is reliably available, because it removes a bug with no clean fix today.

What is the worst collision your team has hit between components that were never meant to share a page?

Photo source: https://photos.robertstowe.com/wieliczka-salt-mine