Skip to content

Commit 07db605

Browse files
committed
[css-view-transitions-1][editorial] Refactor elemental concepts
* Make rules about grouping/flattening due to view-transition-name into a subsection of the property definition. * Expand out the text of the 3D flattening rule, so that it is reasonably self-evident without following the link. * Rename “involved in a view transition” to “captured in a view transition” to better link related concepts by using more closely related terminology. * Move transition suppression impacts under its definition, since these impacts are why that concept exists.
1 parent 54cb76d commit 07db605

1 file changed

Lines changed: 23 additions & 28 deletions

File tree

css-view-transitions-1/Overview.bs

Lines changed: 23 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -499,8 +499,8 @@ urlPrefix: https://wicg.github.io/navigation-api/; type: interface;
499499
</pre>
500500

501501
The 'view-transition-name' property “tags” an element
502-
as potentially [=involved in a view transition=],
503-
capturing it independently in the [=view transition tree=]
502+
for [=capture in a view transition=],
503+
tracking it independently in the [=view transition tree=]
504504
under the specified <dfn>view transition name</dfn>.
505505
An element so captured is animated independently of the rest of the page.
506506

@@ -534,30 +534,13 @@ urlPrefix: https://wicg.github.io/navigation-api/; type: interface;
534534
this property has no effect.
535535
See [[#algorithms]] for exact details.
536536

537-
# Layout and rendering changes # {#layout-rendering-changes}
537+
### Rendering Consolidation ### {#named-and-transitioning}
538538

539-
## Named and transitioning elements ## {#named-and-transitioning}
540-
541-
[=/Elements=] have an <dfn export>involved in a view transition</dfn> boolean, initially false.
542-
543-
[=/Elements=] that either have a 'view-transition-name' [=computed value=] that is not ''view-transition-name/none'',
544-
or are [=involved in a view transition=], form:
545-
546-
- a [=stacking context=].
547-
548-
- a [[css-transforms-2#grouping-property-values|group]].
549-
550-
- a [=backdrop root=].
551-
552-
Note: This spec uses CSS's definition of [=element=], which includes [=pseudo-elements=].
553-
554-
## Interactions during suppressed rendering ## {#interactions-during-suppressed}
555-
556-
While a {{Document}} |document|'s [=document/transition suppressing rendering=] is true,
557-
pointer hit testing must target |document|'s [=document element=],
558-
ignoring all other [=elements=].
559-
560-
Note: This does not effect pointers that are [=pointer capture|captured=].
539+
[=/Elements=] [=captured in a view transition=] during a [=view transition=]
540+
or whose 'view-transition-name' [=computed value=] is not ''view-transition-name/none'' (at any time):
541+
- Form a [=stacking context=].
542+
- Are [[css-transforms-2#grouping-property-values|flattened in 3D transforms]].
543+
- Form a [=backdrop root=].
561544

562545
# Pseudo-elements # {#pseudo}
563546

@@ -892,6 +875,12 @@ urlPrefix: https://wicg.github.io/navigation-api/; type: interface;
892875

893876
# Concepts # {#concepts}
894877

878+
## Elements ## {#elements-concept}
879+
880+
[=/Elements=] have a <dfn export>captured in a view transition</dfn> boolean, initially false.
881+
882+
Note: This spec uses CSS's definition of [=element=], which includes [=pseudo-elements=].
883+
895884
## Phases ## {#phases-concept}
896885

897886
<dfn>Phases</dfn> represent an ordered sequence of states.
@@ -958,6 +947,12 @@ urlPrefix: https://wicg.github.io/navigation-api/; type: interface;
958947
: <dfn>transition suppressing rendering</dfn>
959948
:: a boolean. Initially false.
960949

950+
While a {{Document}}’s [=document/transition suppressing rendering=] is true,
951+
all pointer hit testing must target its [=document element=],
952+
ignoring all other [=elements=].
953+
954+
Note: This does not affect pointers that are [=pointer capture|captured=].
955+
961956
: <dfn>dynamic view transition style sheet</dfn>
962957
:: a [=/style sheet=].
963958
Initially a new [=/style sheet=] in the [=user-agent origin=], ordered after the [=global view transition user agent style sheet=].
@@ -1264,7 +1259,7 @@ urlPrefix: https://wicg.github.io/navigation-api/; type: interface;
12641259
1. [=list/For each=] |capturedElement| of |transition|'s [=ViewTransition/named elements=]' [=map/values=]:
12651260

12661261
1. If |capturedElement|'s [=captured element/new element=] is not null,
1267-
then set |capturedElement|'s [=captured element/new element=]'s [=involved in a view transition=] to true.
1262+
then set |capturedElement|'s [=captured element/new element=]'s [=captured in a view transition=] to true.
12681263

12691264
1. [=Setup transition pseudo-elements=] for |transition|.
12701265

@@ -1718,7 +1713,7 @@ urlPrefix: https://wicg.github.io/navigation-api/; type: interface;
17181713

17191714
- |capturedElement| has more than one [=box fragment=].
17201715

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

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

@@ -1772,7 +1767,7 @@ urlPrefix: https://wicg.github.io/navigation-api/; type: interface;
17721767
1. [=list/For each=] |capturedElement| of |transition|'s [=ViewTransition/named elements=]' [=map/values=]:
17731768

17741769
1. If |capturedElement|'s [=captured element/new element=] is not null,
1775-
then set |capturedElement|'s [=captured element/new element=]'s [=involved in a view transition=] to false.
1770+
then set |capturedElement|'s [=captured element/new element=]'s [=captured in a view transition=] to false.
17761771

17771772
1. [=list/For each=] |style| of |capturedElement|'s [=captured element/style definitions=]:
17781773

0 commit comments

Comments
 (0)