Re: [csswg-drafts] [css-anchor-position-1] Automatic alignment / justification (#9269)

One thing I want to note regarding the automatic alignment: it would be very nice to support the transitions for when the element switches tracks.

I'm currently playing with the proposed `position-area`, and in my [latest experiment](https://codepen.io/kizu/pen/zYMmVJd) I implemented the alignment by nested elements and grid alignment. And while the inset properties have a proper transition, when the track change happens without a transition things do not look good:

https://github.com/w3c/csswg-drafts/assets/177485/aba2ca78-dd49-40f3-b7d2-09555d754c59

In the above video we can see how the alignment change without a transition when the element's position changes from `top / all` to `top / right`, as at first it wants to be at the center of the anchor horizontally, but then to be at the left.

Basically, we'd want the alignment to be a part of the final `inset-area` value or something, so if we'd have a transition for it, it would work well with the change in track alignment as well.

(I'll try to emulate this transition on my experiment, though not entirely sure if I would succeed; if so — I would update this comment).

-- 
GitHub Notification of comment by kizu
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9269#issuecomment-1703829814 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Saturday, 2 September 2023 13:10:01 UTC