Re: [csswg-drafts] [css-view-transitions-1] top/left vs block-start/inline-start (#8886)

https://github.com/w3c/csswg-drafts/issues/8599 was meant to clarify this! There's some more background context on that issue.

The relevant part is that the group element is meant to position itself at the same position as the underlying DOM element using `transform`. We're using `transform` instead of `top`/`left` (or any other layout position properties) because we want the animation to be accelerated which can be done using `transform`.

CSS `transform` is always relative to the top left corner of the containing block. If I do `translateX(10px)`, the result is the same irrespective of what the `writing-mode` (or block/inline direction) is.

So UA CSS puts the layout position of the box to the top left corner with `top: 0; left: 0` and adds a `transform`. We could technically compute the `transform` in logical coordinate space and use inset-block-start/inset-inline-start but that seems backward? For example if the author adds an additive `transform` animation (because they want to create a bounce effect), that `transform` will also be physical coordinates.

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


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

Received on Thursday, 1 June 2023 00:30:48 UTC