Skip to content
Draft
Changes from all commits
Commits
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
91 changes: 48 additions & 43 deletions css-view-transitions-1/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -977,6 +977,52 @@ urlPrefix: https://wicg.github.io/navigation-api/; type: interface;
If {{ViewTransition/finished}} hasn't resolved, it will fulfill or reject along with {{ViewTransition/updateCallbackDone}}.
</dl>

### Getter Steps ### {#ViewTransition-getters}

The {{ViewTransition/finished}} [=getter steps=] are to return [=this's=] [=ViewTransition/finished promise=].

The {{ViewTransition/ready}} [=getter steps=] are to return [=this's=] [=ViewTransition/ready promise=].

The {{ViewTransition/updateCallbackDone}} [=getter steps=] are to return [=this's=] [=ViewTransition/update callback done promise=].

### {{ViewTransition/skipTransition()}} Method Steps ### {#ViewTransition-skipTransition}

<div algorithm>
The [=method steps=] for <dfn method for="ViewTransition">skipTransition()</dfn> are:

1. If [=this=]'s [=ViewTransition/phase=] is not "`done`",
then [=skip the view transition=] for [=this=]
with an "{{AbortError}}" {{DOMException}}.
</div>

## Integration into Other APIs ## {#monkey-patch-to-rendering-algorithm}

<div algorithm="monkey patch to rendering">
Run the following steps before <a href="https://html.spec.whatwg.org/multipage/webappapis.html#event-loop-processing-model:run-the-update-intersection-observations-steps">intersection observer steps</a> in the [=update the rendering=] steps:

1. For each [=fully active=] {{Document}} in <var ignore>docs</var>,
[=perform pending transition operations=] for that {{Document}}.

Note: These steps will be added to the [=update the rendering=] in the HTML spec.
As such, the prose style is written to match other steps in that algorithm.
</div>

<div algorithm="suppress rendering">
In the definition for [=rendering opportunity=], add the following condition:

A navigable has no rendering opportunities if active document has [=document/transition suppressing rendering=] set to true.

Note: These steps will be added to the [=update the rendering=] in the HTML spec.
See <a href="https://github.com/w3c/csswg-drafts/issues/7784">#7884</a> for more context.
</div>


# Algorithms # {#algorithms}

## Data Structures ## {#concepts}

### Data on {{ViewTransition}} ### {#additions-to-viewtransition}

A {{ViewTransition}} has the following:

<dl dfn-for="ViewTransition">
Expand Down Expand Up @@ -1032,27 +1078,7 @@ urlPrefix: https://wicg.github.io/navigation-api/; type: interface;
[Discussion of this behavior](https://github.com/w3c/csswg-drafts/issues/8045).
</dl>

The {{ViewTransition/finished}} [=getter steps=] are to return [=this's=] [=ViewTransition/finished promise=].

The {{ViewTransition/ready}} [=getter steps=] are to return [=this's=] [=ViewTransition/ready promise=].

The {{ViewTransition/updateCallbackDone}} [=getter steps=] are to return [=this's=] [=ViewTransition/update callback done promise=].

### {{ViewTransition/skipTransition()}} ### {#ViewTransition-skipTransition}

<div algorithm>
The [=method steps=] for <dfn method for="ViewTransition">skipTransition()</dfn> are:

1. If [=this=]'s [=ViewTransition/phase=] is not "`done`",
then [=skip the view transition=] for [=this=]
with an "{{AbortError}}" {{DOMException}}.
</div>

# Algorithms # {#algorithms}

## Data Structures ## {#concepts}

### Additions to {{Document}} ### {#additions-to-document}
### Data on {{Document}} ### {#additions-to-document}

A {{Document}} additionally has:

Expand Down Expand Up @@ -1084,7 +1110,7 @@ urlPrefix: https://wicg.github.io/navigation-api/; type: interface;
Note: The position of the [=ViewTransition/transition root pseudo-element=] within the [=document element=] does not matter, as the [=ViewTransition/transition root pseudo-element=]'s [=containing block=] is the [=snapshot containing block=].
</dl>

### Additions to Elements ### {#elements-concept}
### Data on Elements ### {#elements-concept}

[=/Elements=] have a <dfn export>captured in a view transition</dfn> boolean, initially false.

Expand Down Expand Up @@ -1137,27 +1163,6 @@ urlPrefix: https://wicg.github.io/navigation-api/; type: interface;
Note: These are used to update, and later remove styles
from a [=/document=]'s [=document/dynamic view transition style sheet=].

## Monkey patches to rendering ## {#monkey-patch-to-rendering-algorithm}

<div algorithm="monkey patch to rendering">
Run the following steps before <a href="https://html.spec.whatwg.org/multipage/webappapis.html#event-loop-processing-model:run-the-update-intersection-observations-steps">intersection observer steps</a> in the [=update the rendering=] steps:

1. For each [=fully active=] {{Document}} in <var ignore>docs</var>,
[=perform pending transition operations=] for that {{Document}}.

Note: These steps will be added to the [=update the rendering=] in the HTML spec.
As such, the prose style is written to match other steps in that algorithm.
</div>

<div algorithm="suppress rendering">
In the definition for [=rendering opportunity=], add the following condition:

A navigable has no rendering opportunities if active document has [=document/transition suppressing rendering=] set to true.

Note: These steps will be added to the [=update the rendering=] in the HTML spec.
See <a href="https://github.com/w3c/csswg-drafts/issues/7784">#7884</a> for more context.
</div>

## [=Perform pending transition operations=] ## {#perform-pending-transition-operations-algorithm}

<div algorithm>
Expand Down