• Interop 2026 is formally a thing. • So, you know all of those wild, new CSS features we’re always poking at but always putting under a “lack of browser support” caveat? • The Big Three - Blink (Chrome/Edge), WebKit (Safari), and Mozilla (Firefox) - are working together to bring full and consistent support to them! • You can read the blog posts yourself: - Interop 2026: Continuing to improve the web for developers (web.dev) - Announcing Interop 2026 (WekBit Blog) - Launching Interop 2026 (Mozilla) - Microsoft Edge and Interop 2026 (Edge) An, yes, there’s plenty to get excited about specifically for CSS: Anchor positioning From our guide: CSS Anchor Positioning gives us a simple interface to attach elements next to others just by saying which sides to connect - directly in CSS. • It also lets us set a fallback position so that we can avoid the overflow issues we just described. • Anchor Positioning Just Don’t Care About Source Order Anchor Positioning Quirks CSS Anchor Positioning Guide A First Look at the Interest Invoker API (for Hover-Triggered Popovers) Fancy Menu Navigation Using Anchor Positioning attr() Advanced We’ve actually had the attr() function for something like 15 years.

Article Summaries:

  • Interop 2026 is a joint effort by the major browser engines-Blink (Chrome/Edge), WebKit (Safari), and Mozilla (Firefox)-to deliver full, consistent support for a suite of new CSS features. The initiative, announced through blog posts from each vendor, focuses on practical developer tools such as CSS Anchor Positioning, the enhanced attr() function with type conversion, and container‑style queries that can react to style properties. Additional highlights include the contrast‑color() function for dynamic color contrast, and expanded custom‑highlight pseudo‑selectors. By synchronizing implementation timelines, Interop 2026 aims to reduce fragmentation and accelerate adoption of these modern web standards.

Sources: