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

Quick & Easy UI Wins (for real)

Hidden gems of UI development

on Winging It episode 30 with Stacy, Miriam, & James on Mar 19 | 49 min

Join Stacy, James, and Miriam as we explore some hidden gems of UI development – from @starting-style for smoother entry transitions to performance boosts with AVIF images and using the browser’s built-in lazy-loading. We cover a variety of quick wins that you can use to make your life easier and…

see all Winging It posts
Winging It post type

Responsive Type Doesn’t Have to Be Complicated

Building a type scale for your website

on Winging It episode 29 with Stacy, Miriam, & James on Feb 19 | 60 min

Miriam has spent a lot of time digging into the different approaches, the math involved, the user implications, and the ways modern CSS can help us out. There are equations and graphs! But you don’t need anything that complicated to build a type scale for your next site. With the…

see all Winging It posts
Winging It post type

CSS Scope & Mixins

A chat with Chris Coyier

on Winging It episode 28 with Stacy & Miriam on Jan 22 | 60 min

At the end of 2025, Firefox added the CSS @scope rule – making the new feature available across all major browsers! Since Chris Coyier has done a fair amount of writing and speaking on the topic, we wanted to talk with him about what that means. Chris has also been…

see all Winging It posts