Skip to content

Commit b158f8a

Browse files
committed
[css-scoping] Use the terms 'youngest shadow tree' and 'distributed nodes', to match the Shadow DOM spec.
1 parent 5c6d751 commit b158f8a

File tree

2 files changed

+32
-32
lines changed

2 files changed

+32
-32
lines changed

css-scoping/Overview.bs

+15-15
Original file line numberDiff line numberDiff line change
@@ -199,14 +199,14 @@ Shadow Encapsulation</h2>
199199
An element can have any number of <a>shadow trees</a>,
200200
which are ordered by creation time.
201201
The most recently-created <a>shadow tree</a> on an element
202-
is the <dfn export>active shadow tree</dfn> for that element.
202+
is the <dfn export>youngest shadow tree</dfn> for that element.
203203

204204
An element with a <a>shadow tree</a> is a <dfn export>shadow host</dfn>.
205205
It is the <dfn export>host element</dfn> for its shadow trees.
206206

207207
The descendants of a <a>shadow host</a>
208208
must not generate boxes in the formatting tree.
209-
Instead, the contents of the <a>active shadow tree</a> generate boxes
209+
Instead, the contents of the <a>youngest shadow tree</a> generate boxes
210210
as if they were the contents of the element instead.
211211

212212
In several instances in shadow DOM,
@@ -219,16 +219,16 @@ Shadow Encapsulation</h2>
219219

220220
While the children of a <a>shadow host</a> do not generate boxes normally,
221221
they can be explicitly pulled into a <a>shadow tree</a> and forced to render normally.
222-
This is done by assigning the elements to a <dfn export>distribution list</dfn>.
223-
An element with a <a>distribution list</a> is an <dfn export>insertion point</dfn>.
222+
This is done by marking the elements as <dfn export>distributed nodes</dfn>
223+
for an <dfn export>insertion point</dfn> element.
224224

225-
This specification does not define how to assign elements to a <a>distribution list</a>,
225+
This specification does not define how to mark elements as <a>distributed nodes</a>,
226226
instead leaving that to the Shadow DOM spec.
227227
At the time this spec is written, however,
228-
only <a element>content</a> elements in a <a>shadow tree</a> can have <a>distribution lists</a>.
228+
only <a element>content</a> elements in a <a>shadow tree</a> can be <a>insertion points</a>.
229229

230230
An <a>insertion point</a> must not generate any boxes.
231-
Instead, the elements in its <a>distribution list</a> generate boxes as normal,
231+
Instead, its <a>distributed nodes</a> generate boxes as normal,
232232
as if they all replaced the <a>insertion point</a> in-place.
233233
<span class='note'>(Akin to the behavior of ''display-outside: contents''.)</span>
234234

@@ -237,11 +237,11 @@ Shadow DOM Selection Model</h3>
237237

238238
Elements in the DOM
239239
have zero or more <a>shadow trees</a>
240-
and zero or one <a>distribution lists</a>.
240+
and zero or more <a>distributed nodes</a>.
241241

242242
Note: The "descendants" of an element
243243
are based on the children of the element,
244-
which does not include the <a>shadow trees</a> or <a>distribution lists</a> of the element.
244+
which does not include the <a>shadow trees</a> or <a>distributed nodes</a> of the element.
245245

246246
When a selector is matched against a <a>shadow tree</a>,
247247
the <a>selector match list</a>
@@ -372,7 +372,7 @@ Selecting Into the Light: the '':host'', '':host()'', and '':host-context()'' ps
372372
For the purpose of this pseudo-class,
373373
the "ancestor" of an element is:
374374

375-
: if the element is distributed to a <a>distribution list</a>
375+
: if the element is a <a>distributed node</a>
376376
:: the <a element>content</a> element it is ultimately distributed to.
377377
: if the element is a top-most element in a shadow tree
378378
:: the <a>host element</a>
@@ -439,8 +439,8 @@ Selecting Into the Dark: the ''::shadow'' pseudo-element</h4>
439439
<h4 id='content-combinator'>
440440
Selecting Shadow-Projected Content: the ''::content'' pseudo-element</h4>
441441

442-
The <dfn selector>::content</dfn> pseudo-element matches the <a>distribution list</a> itself,
443-
on elements that have one.
442+
The <dfn selector>::content</dfn> pseudo-element matches the list of <a>distributed nodes</a> itself,
443+
on elements that have them.
444444

445445
<p class="issue">
446446
''::content'' is a confusingly general name for something that is specific
@@ -449,7 +449,7 @@ Selecting Shadow-Projected Content: the ''::content'' pseudo-element</h4>
449449
The ''::content'' pseudo-element must not generate boxes,
450450
unless specified otherwise in another specification.
451451
However, for the purpose of Selectors,
452-
the ''::content'' pseudo-element is considered to be the parent of the elements in the <a>distribution list</a>.
452+
the ''::content'' pseudo-element is considered to be the parent of the <a>distributed nodes</a>.
453453

454454
<div class="example">
455455
For example, say you had a component with both children and a shadow tree,
@@ -485,7 +485,7 @@ Selecting Shadow-Projected Content: the ''::content'' pseudo-element</h4>
485485
Note: Note that a selector like ''::content div''
486486
is equivalent to ''*::content div'',
487487
where the ''*'' selects many more elements that just the <a element>content</a> element.
488-
However, since only the <a element>content</a> element has a <a>distribution list</a>,
488+
However, since only the <a element>content</a> element has <a>distributed nodes</a>,
489489
it's the only element that has a ''::content'' pseudo-element as well.
490490
</div>
491491

@@ -572,7 +572,7 @@ Inheritance</h4>
572572
The <a>top-level elements</a> of a <a>shadow tree</a>
573573
inherit from their <a>host element</a>.
574574

575-
The elements in a <a>distribution list</a> inherit from the parent of the <a element>content</a> element they are ultimately distributed to,
575+
<a>Distributed nodes</a> inherit from the parent of the <a element>content</a> element they are ultimately distributed to,
576576
rather than from their normal parent.
577577

578578

css-scoping/Overview.html

+17-17
Original file line numberDiff line numberDiff line change
@@ -560,7 +560,7 @@ <h2 class="heading settled" data-level="3" id="shadow-dom"><span class="secno">3
560560
An element can have any number of <a data-link-type="dfn" href="#shadow-tree">shadow trees</a>,
561561
which are ordered by creation time.
562562
The most recently-created <a data-link-type="dfn" href="#shadow-tree">shadow tree</a> on an element
563-
is the <dfn data-dfn-type="dfn" data-export="" id="active-shadow-tree">active shadow tree<a class="self-link" href="#active-shadow-tree"></a></dfn> for that element.</p>
563+
is the <dfn data-dfn-type="dfn" data-export="" id="youngest-shadow-tree">youngest shadow tree<a class="self-link" href="#youngest-shadow-tree"></a></dfn> for that element.</p>
564564

565565

566566

@@ -571,7 +571,7 @@ <h2 class="heading settled" data-level="3" id="shadow-dom"><span class="secno">3
571571

572572
<p>The descendants of a <a data-link-type="dfn" href="#shadow-host">shadow host</a>
573573
must not generate boxes in the formatting tree.
574-
Instead, the contents of the <a data-link-type="dfn" href="#active-shadow-tree">active shadow tree</a> generate boxes
574+
Instead, the contents of the <a data-link-type="dfn" href="#youngest-shadow-tree">youngest shadow tree</a> generate boxes
575575
as if they were the contents of the element instead.</p>
576576

577577

@@ -588,20 +588,20 @@ <h2 class="heading settled" data-level="3" id="shadow-dom"><span class="secno">3
588588

589589
<p>While the children of a <a data-link-type="dfn" href="#shadow-host">shadow host</a> do not generate boxes normally,
590590
they can be explicitly pulled into a <a data-link-type="dfn" href="#shadow-tree">shadow tree</a> and forced to render normally.
591-
This is done by assigning the elements to a <dfn data-dfn-type="dfn" data-export="" id="distribution-list">distribution list<a class="self-link" href="#distribution-list"></a></dfn>.
592-
An element with a <a data-link-type="dfn" href="#distribution-list">distribution list</a> is an <dfn data-dfn-type="dfn" data-export="" id="insertion-point">insertion point<a class="self-link" href="#insertion-point"></a></dfn>.</p>
591+
This is done by marking the elements as <dfn data-dfn-type="dfn" data-export="" id="distributed-nodes">distributed nodes<a class="self-link" href="#distributed-nodes"></a></dfn>
592+
for an <dfn data-dfn-type="dfn" data-export="" id="insertion-point">insertion point<a class="self-link" href="#insertion-point"></a></dfn> element.</p>
593593

594594

595595

596-
<p>This specification does not define how to assign elements to a <a data-link-type="dfn" href="#distribution-list">distribution list</a>,
596+
<p>This specification does not define how to mark elements as <a data-link-type="dfn" href="#distributed-nodes">distributed nodes</a>,
597597
instead leaving that to the Shadow DOM spec.
598598
At the time this spec is written, however,
599-
only <a data-link-type="element">content</a> elements in a <a data-link-type="dfn" href="#shadow-tree">shadow tree</a> can have <a data-link-type="dfn" href="#distribution-list">distribution lists</a>.</p>
599+
only <a data-link-type="element">content</a> elements in a <a data-link-type="dfn" href="#shadow-tree">shadow tree</a> can be <a data-link-type="dfn" href="#insertion-point">insertion points</a>.</p>
600600

601601

602602

603603
<p>An <a data-link-type="dfn" href="#insertion-point">insertion point</a> must not generate any boxes.
604-
Instead, the elements in its <a data-link-type="dfn" href="#distribution-list">distribution list</a> generate boxes as normal,
604+
Instead, its <a data-link-type="dfn" href="#distributed-nodes">distributed nodes</a> generate boxes as normal,
605605
as if they all replaced the <a data-link-type="dfn" href="#insertion-point">insertion point</a> in-place.
606606
<span class="note" role="note">(Akin to the behavior of <a class="css" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-display-3/#propdef-display-outside" title="display-outside">display-outside: contents</a>.)</span></p>
607607

@@ -614,13 +614,13 @@ <h3 class="heading settled" data-level="3.1" id="selectors-data-model"><span cla
614614

615615
<p>Elements in the DOM
616616
have zero or more <a data-link-type="dfn" href="#shadow-tree">shadow trees</a>
617-
and zero or one <a data-link-type="dfn" href="#distribution-list">distribution lists</a>.</p>
617+
and zero or more <a data-link-type="dfn" href="#distributed-nodes">distributed nodes</a>.</p>
618618

619619

620620

621621
<p class="note" role="note">Note: The "descendants" of an element
622622
are based on the children of the element,
623-
which does not include the <a data-link-type="dfn" href="#shadow-tree">shadow trees</a> or <a data-link-type="dfn" href="#distribution-list">distribution lists</a> of the element.</p>
623+
which does not include the <a data-link-type="dfn" href="#shadow-tree">shadow trees</a> or <a data-link-type="dfn" href="#distributed-nodes">distributed nodes</a> of the element.</p>
624624

625625

626626

@@ -832,7 +832,7 @@ <h4 class="heading settled" data-level="3.2.1" id="host-selector"><span class="s
832832

833833
<dl>
834834
<dt data-md="">
835-
<p>if the element is distributed to a <a data-link-type="dfn" href="#distribution-list">distribution list</a></p>
835+
<p>if the element is a <a data-link-type="dfn" href="#distributed-nodes">distributed node</a></p>
836836

837837

838838
</dt>
@@ -947,8 +947,8 @@ <h4 class="heading settled" data-level="3.2.3" id="content-combinator"><span cla
947947

948948

949949

950-
<p>The <dfn class="css" data-dfn-type="selector" data-export="" id="selectordef-content">::content<a class="self-link" href="#selectordef-content"></a></dfn> pseudo-element matches the <a data-link-type="dfn" href="#distribution-list">distribution list</a> itself,
951-
on elements that have one.</p>
950+
<p>The <dfn class="css" data-dfn-type="selector" data-export="" id="selectordef-content">::content<a class="self-link" href="#selectordef-content"></a></dfn> pseudo-element matches the list of <a data-link-type="dfn" href="#distributed-nodes">distributed nodes</a> itself,
951+
on elements that have them.</p>
952952

953953

954954

@@ -960,7 +960,7 @@ <h4 class="heading settled" data-level="3.2.3" id="content-combinator"><span cla
960960
<p>The <a class="css" data-link-type="maybe" href="#selectordef-content">::content</a> pseudo-element must not generate boxes,
961961
unless specified otherwise in another specification.
962962
However, for the purpose of Selectors,
963-
the <a class="css" data-link-type="maybe" href="#selectordef-content">::content</a> pseudo-element is considered to be the parent of the elements in the <a data-link-type="dfn" href="#distribution-list">distribution list</a>.</p>
963+
the <a class="css" data-link-type="maybe" href="#selectordef-content">::content</a> pseudo-element is considered to be the parent of the <a data-link-type="dfn" href="#distributed-nodes">distributed nodes</a>.</p>
964964

965965

966966

@@ -1004,7 +1004,7 @@ <h4 class="heading settled" data-level="3.2.3" id="content-combinator"><span cla
10041004
<p class="note" role="note">Note: Note that a selector like <span class="css">::content div</span>
10051005
is equivalent to <span class="css">*::content div</span>,
10061006
where the <span class="css">*</span> selects many more elements that just the <a data-link-type="element">content</a> element.
1007-
However, since only the <a data-link-type="element">content</a> element has a <a data-link-type="dfn" href="#distribution-list">distribution list</a>,
1007+
However, since only the <a data-link-type="element">content</a> element has <a data-link-type="dfn" href="#distributed-nodes">distributed nodes</a>,
10081008
it’s the only element that has a <a class="css" data-link-type="maybe" href="#selectordef-content">::content</a> pseudo-element as well.</p>
10091009

10101010

@@ -1133,7 +1133,7 @@ <h4 class="heading settled" data-level="3.3.2" id="inheritance"><span class="sec
11331133

11341134

11351135

1136-
<p>The elements in a <a data-link-type="dfn" href="#distribution-list">distribution list</a> inherit from the parent of the <a data-link-type="element">content</a> element they are ultimately distributed to,
1136+
<p><a data-link-type="dfn" href="#distributed-nodes">Distributed nodes</a> inherit from the parent of the <a data-link-type="element">content</a> element they are ultimately distributed to,
11371137
rather than from their normal parent.</p>
11381138

11391139

@@ -1707,10 +1707,9 @@ <h3 class="no-num heading settled" id="informative"><span class="content">Inform
17071707
</dl>
17081708
<h2 class="no-num heading settled" id="index"><span class="content">Index</span><a class="self-link" href="#index"></a></h2>
17091709
<ul class="indexlist">
1710-
<li>active shadow tree, <a href="#active-shadow-tree" title="section 3">3</a></li>
17111710
<li>::content, <a href="#selectordef-content" title="section 3.2.3">3.2.3</a></li>
17121711
<li>/deep/, <a href="#selectordef--deep-" title="section 3.2.4">3.2.4</a></li>
1713-
<li>distribution list, <a href="#distribution-list" title="section 3">3</a></li>
1712+
<li>distributed nodes, <a href="#distributed-nodes" title="section 3">3</a></li>
17141713
<li>fragment pseudo-element, <a href="#fragment-pseudo-element" title="section 4">4</a></li>
17151714
<li>:host(), <a href="#selectordef-host-function" title="section 3.2.1">3.2.1</a></li>
17161715
<li>:host, <a href="#selectordef-host" title="section 3.2.1">3.2.1</a></li>
@@ -1723,6 +1722,7 @@ <h2 class="no-num heading settled" id="index"><span class="content">Index</span>
17231722
<li>shadow root, <a href="#shadow-root" title="section 3">3</a></li>
17241723
<li>shadow tree, <a href="#shadow-tree" title="section 3">3</a></li>
17251724
<li>top-level element, <a href="#top-level-element" title="section 3">3</a></li>
1725+
<li>youngest shadow tree, <a href="#youngest-shadow-tree" title="section 3">3</a></li>
17261726
</ul>
17271727
<h2 class="no-num heading settled" id="issues-index"><span class="content">Issues Index</span><a class="self-link" href="#issues-index"></a></h2>
17281728
<div style="counter-reset:issue">

0 commit comments

Comments
 (0)