Re: [csswg-drafts] [css-shared-element-transitions-1] Renaming and brevity (#7788)

@fantasai 

> It's maybe obvious, but I'm missing why ::view(header) and ::view-image-group(header) are two different elements? Can we combine them?

Right now, every `::view(name)` is a sibling in the view root, but we're pretty sure we'll add a feature to allow a `::view(name)` to be nested in another `::view(name)`. We've got some docs for that here https://github.com/WICG/shared-element-transitions/blob/main/explainer.md#nested-transition-containers, but also a much more in-depth plan here https://github.com/WICG/shared-element-transitions/blob/main/scoped-transitions.md.

In this model, the `::view-image-group(name)` provides the blending isolation between the images, so nested `:view`s don't get impacted by the blending.

> I agree with @SebastianZ that we seem to have lost the transition aspect of the names, and maybe that's worth keeping somehow.

I'm not against that, but brevity kinda goes out the window. In some cases, like `page-transition-tag` to `view-transition-name`, it's getting _longer_.

> If you want to use pseudo-element structure to represent the nesting…

I've got a separate analysis on that, but I'm waiting on @emilio to review it before I share it more widely. I want to make sure I'm representing the shadow DOM idea properly & fairly.

> If not, then collapsing down the names:
> 
> ```
> ::transition
> ::transition-view(header)
> ::transition-view-old(header)
> ::transition-view-new(header)
> ```

I like `old` and `new` for the image names!

Are you ok with `::transition` given that CSS transitions already exist, and this feature is unrelated (it uses CSS animations, not transitions)?

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


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

Received on Wednesday, 28 September 2022 15:21:43 UTC