Re: [csswg-drafts] Proposal: shared element transitions (#6464)

Adding link to questions raised during the presentation today :

- Concern about increasing image size to use ink overflow since it can be infinite. This was discussed in the issue [here](https://github.com/WICG/shared-element-transitions/issues/73) to describe how a snapshot should be clipped if the UA can't cache its entire content. Other than ink overflow, this is an issue in general because an element's bounding box (which element() currently sizes the image to) can be huge and the UA needs to clip it.

- Concern about ancestor effects getting clipped. We've proposed 2 modes which address this as incremental additions. First is caching an element's state as a [snapshot of its descendents and its computed style](https://github.com/WICG/shared-element-transitions/blob/main/explainer.md#as-the-elements-computed-style--content-image) and second is [preserving the hierarchy](https://github.com/WICG/shared-element-transitions/blob/main/explainer.md#retaining-hierarchy-during-a-transition) of tagged elements in the pseudo tree representation. The motivation behind doing these as extensions was because there are use-cases where not preserving hierarchy is desirable and the base model addresses a lot of use-cases already.

- What happens to the author's DOM element when the transition pseudo tree is showing? We force visibility:hidden on the DOM element while it's being painted using the pseudo element. It's shown in the UA style sheet [here](https://docs.google.com/presentation/d/15y60zFddT859VHKNeH6bjJyrZ1wIr8W7VUfRfr-icIk/edit#slide=id.g1069c6595ed_0_63). We need some syntax to target these elements in a UA sheet.

- How would authors would set up transitions using this : [Example](https://github.com/WICG/shared-element-transitions/blob/main/explainer.md#example) in the explainer shows how a transition can be set up by a developer using only CSS.

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


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

Received on Wednesday, 8 December 2021 17:10:26 UTC