diff --git a/css-view-transitions-1/Overview.bs b/css-view-transitions-1/Overview.bs index dcb71efbd76..3cfddeba859 100644 --- a/css-view-transitions-1/Overview.bs +++ b/css-view-transitions-1/Overview.bs @@ -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}}. +### 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} + +
+ The [=method steps=] for skipTransition() are: + + 1. If [=this=]'s [=ViewTransition/phase=] is not "`done`", + then [=skip the view transition=] for [=this=] + with an "{{AbortError}}" {{DOMException}}. +
+ +## Integration into Other APIs ## {#monkey-patch-to-rendering-algorithm} + +
+ Run the following steps before intersection observer steps in the [=update the rendering=] steps: + + 1. For each [=fully active=] {{Document}} in docs, + [=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. +
+ +
+ 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 #7884 for more context. +
+ + +# Algorithms # {#algorithms} + +## Data Structures ## {#concepts} + +### Data on {{ViewTransition}} ### {#additions-to-viewtransition} + A {{ViewTransition}} has the following:
@@ -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).
- 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} - -
- The [=method steps=] for skipTransition() are: - - 1. If [=this=]'s [=ViewTransition/phase=] is not "`done`", - then [=skip the view transition=] for [=this=] - with an "{{AbortError}}" {{DOMException}}. -
- -# Algorithms # {#algorithms} - -## Data Structures ## {#concepts} - -### Additions to {{Document}} ### {#additions-to-document} +### Data on {{Document}} ### {#additions-to-document} A {{Document}} additionally has: @@ -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=]. -### Additions to Elements ### {#elements-concept} +### Data on Elements ### {#elements-concept} [=/Elements=] have a captured in a view transition boolean, initially false. @@ -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} - -
- Run the following steps before intersection observer steps in the [=update the rendering=] steps: - - 1. For each [=fully active=] {{Document}} in docs, - [=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. -
- -
- 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 #7884 for more context. -
- ## [=Perform pending transition operations=] ## {#perform-pending-transition-operations-algorithm}