Cross-Browser Anchor Positioning

Anchor Positioning is available in all browsers. What’s next, with Eric Meyer.

on Winging It episode 26 with James & Miriam on November 20, 2025 | 60 min

It’s finally here! With the release of Firefox 145, CSS anchor positioning is available in all browsers. It’s still behind a flag in Firefox, so it isn’t Baseline Newly available quite yet. Join James Stuckey Weber, Miriam Suzanne, and Eric Meyer of Igalia as they talk about the emerging patterns, the rough edges and changes to the spec, and what the future holds for anchor positioning.

Check out our Anchor Positioning Playlist to learn how to use and troubleshoot Anchor Positioning today.

Subscribe to Channel »

What We Cover:

The state of Anchor Positioning now

Everywhere but Firefox, and Firefox is behind a flag
- Go to about:config and enable layout.css.anchor-positioning.enabled
Perhaps will be released December 9, with Firefox 146

What rough edges are being ironed out?

Position fallback: when should it fallback?
Containing block shift overflow difference
Popover default margin styles

What are the emerging patterns?

Follower pattern by anchoring on a pseudo class
Floating focus (but is it accessible, or good UX?)
--is, --for pattern

Known issues

Anchor containers (like position containers) are not always where you assume they’ll be
Scrolling can only respond to default anchor element scrolling
Position area not working as expected, and the syntax is complex.
Bugs (but they’re being fixed pretty quickly)

Will Anchor Positioning be baseline?

What would it mean to be baseline?
Could some parts of anchor positioning be baseline?

What is coming next for Anchor Positioning?

Container queries for detecting fallback
Transforms

Recent Episodes

Winging It post type

Bad UX Design Patterns

Managing complex navigation with guest Clayton Dewey

on Winging It episode 25 with Stacy & Sondra on Oct 23 | 60 min

OddBirds, Stacy and Sondra, along with special guest Clayton Dewey of Dev Collaborative, face off against bad UX design patterns. They get into the weeds trying to address some of the thorniest, perennial UX design questions - managing complex navigation, intuitive user flow, is there such a thing as a…

see all Winging It posts
Winging It post type

Mixins & Functions to Streamline CSS

With special guest Roma Komarov

on Winging It episode 24 with Miriam & Stacy on Aug 27 | 59 min

The CSS Working Group got together in August to discuss a range of old and new issues. The following week, Miriam Suzanne and Stacy Kvernmo chatted with CSS expert Roma Komarov about how to create reusable and more flexible CSS using mixins and functions, what happened in the CSSWG meetings…

see all Winging It posts
Winging It post type

Container queries are widely available!

on Winging It episode 23 with Miriam on Aug 13 | 3.5 min

Happy 30-month anniversary to Container Queries – shipping in every browser since February of 2023. It was supposed to be impossible, but here we are!

see all Winging It posts