Skip to content

[css-view-transitions-1] Use snapshot containing block for new root #10181

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Apr 9, 2024
Merged

[css-view-transitions-1] Use snapshot containing block for new root #10181

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e54d4f5
[css-view-transitions-1] Use snapshot containing block for new root
noamr Apr 8, 2024
8b66349
Update css-view-transitions-1/Overview.bs
khushalsagar Apr 9, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 7 additions & 3 deletions css-view-transitions-1/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1846,11 +1846,14 @@ urlPrefix: https://wicg.github.io/navigation-api/; type: interface;

Note: Other rendering constraints are enforced via |capturedElement|'s [=new element=] being [=captured in a view transition=].

1. Set |width| to the current width of |capturedElement|'s [=new element=]'s [=border box=].
1. Let |newRect| be [=snapshot containing block=] if |capturedElement| is the [=document element=],
otherwise, |capturedElement|'s [=border box=].

1. Set |height| to the current height of |capturedElement|'s [=new element=]'s [=border box=].
1. Set |width| to the current width of |newRect|.

1. Set |transform| to a transform that would map |capturedElement|'s [=new element=]'s [=border box=] from the [=snapshot containing block origin=] to its current visual position.
1. Set |height| to the current height of |newRect|.

1. Set |transform| to a transform that would map |newRect| from the [=snapshot containing block origin=] to its current visual position.

1. Set |writingMode| to the [=computed value=] of 'writing-mode' on |capturedElement|'s [=new element=].

Expand Down Expand Up @@ -1959,6 +1962,7 @@ Changes from <a href="https://www.w3.org/TR/2023/WD-css-view-transitions-1-20230
* Auto-skip animation when document is hidden. See <a href="https://github.com/w3c/csswg-drafts/issues/9543">issue 9543</a>.
* Remove references to cross-document view-transitions, to keep the L1 spec clean. See <a href="https://github.com/w3c/csswg-drafts/issues/9886">Issue 9886</a>.
* Export an algorithm to skip the active transition when the page is hidden. See <a href="https://github.com/w3c/csswg-drafts/issues/9543">issue 9543</a>.
* Use snapshot containing block when capturing new state for document element. See <a href="https://github.com/w3c/csswg-drafts/issues/10177">issue #10177</a>.

<h3 id="changes-since-2022-05-25">
Changes from <a href="https://www.w3.org/TR/2023/WD-css-view-transitions-1-20230525/">2022-05-25 Working Draft</a>
Expand Down