💡 CSS Tip!

For years, we've had the "z-index, stacking context" nightmare, but we will soon have a worse nightmare related to Anchor Positioning 😱

When it doesn't work, it's frustrating, so it's time to learn how it really works.

https://css-tip.com/anchor-issues/

It's not as simple as you might think!

#CSS #HTML

Why is Anchor Positioning not working?

Learn the edge cases that prevent anchor positioning from working correctly

Anchor positioning is supported in all major browsers and will soon be used widely. Learn how it properly works before you start hating this cool feature!

https://css-tip.com/anchor-issues/

#CSS #HTML

@css I expect understanding this will become handy if the elements involved have their positioning altered dynamically by animation or JavaScript 😰
@ollicle yes, that animation to translate your element will break it and you won't understand why ...