Re: [csswg-drafts] [css-anchor-1] position-visibility show/hide animations (#10182)

I did not see this issue when filling https://github.com/w3c/csswg-drafts/issues/10411, so I will copy its content here (and close as duplicate), as it also mentions that just having the `visibility` won't be enough to animate showing/hiding of something with `position-visibility`.

- - -

> Right now, the effect of `position-visibility` (https://drafts.csswg.org/css-anchor-position-1/#position-visibility) is immediate, making it sometimes a bit jarring when the anchored element hides/appears.
> 
> I can see authors wanting to design this transition: through opacity, translate or any other way they want to design the regular enter/leave transition for their anchored elements.
> 
> For popovers we can design the transition via a combination of `:popover-open` and `@starting-style` (https://nerdy.dev/using-starting-style-and-transition-behavior-for-enter-and-exit-stage-effects), but for cases like with `position-visibility` we don't have any hooks that we currently could use for this.
> 
> I am not yet sure what the solution could be, but I am certain that we need one. Open questions:
> 
> - Should we somehow reuse the `@starting-style`?
> - Will we need the `@ending-style` or something like that in the absence of `:popover-open` alternative?
> - Or could we say that when the element hides via `position-visibility` it uses the `@starting-style` if it is defined as the styles it will transition to?
> - If we'd add the above, should we have a new keyword in the `transition-property` to cover the visibility part of the transition itself, like `position-visibility`? Or we could reuse `visibility` there?

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


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

Received on Monday, 10 June 2024 23:09:44 UTC