Mastodon Feed: Post

Mastodon Feed

Boosted by slightlyoff@toot.cafe ("Alex Russell"):
bramus@front-end.social ("Bramus") wrote:

Starting with Chrome 144, Anchor Positioning is going to be transform-aware.

From then on, anchoring will resolve against the bounding box of the transformed anchor.

Demo: https://codepen.io/bramus/pen/pvyrmWv

Before this change, the tooltip on the right (the one on the transformed anchor) would be anchored to the untransformed bounding box. Visually it would be anchored to the (untransformed) anchor in the center, which is not what you want.

Screenshot of the demo taken in Chrome 144