Skip to content

Commit 6b3ca03

Browse files
committed
[css-images] Fix the elementSources heading.
1 parent d536514 commit 6b3ca03

File tree

2 files changed

+16
-6
lines changed

2 files changed

+16
-6
lines changed

css-images/Overview.html

+9-4
Original file line numberDiff line numberDiff line change
@@ -119,8 +119,8 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
119119
Bidi-sensitive Images</a></ul><li><a href=#image-set-notation><span class=secno>3.3</span>
120120
Resolution Negotiation: the <span class=css data-link-type=maybe title=image-set()>image-set()</span> notation</a><li><a href=#element-notation><span class=secno>3.4</span>
121121
Using Elements as Images: the <span class=css data-link-type=maybe title=element()>element()</span> notation</a><ul class=toc><li><a href=#paint-sources><span class=secno>3.4.1</span>
122-
Paint Sources</a><li><a href=#elementmap><span class=secno>3.4.2</span>
123-
The <code>ElementMap</code> interface</a><li><a href=#element-cycles><span class=secno>3.4.3</span>
122+
Paint Sources</a><li><a href=#elementsources><span class=secno>3.4.2</span>
123+
Using Out-Of-Document Sources: the <code>ElementSources</code> interface</a><li><a href=#element-cycles><span class=secno>3.4.3</span>
124124
Cycle Detection</a></ul><li><a href=#cross-fade-function><span class=secno>3.5</span>
125125
Combining images: the <span class=css data-link-type=maybe title=cross-fade()>cross-fade()</span> notation</a></ul><li><a href=#gradients><span class=secno>4</span>
126126
Gradients</a><ul class=toc><li><a href=#linear-gradients><span class=secno>4.1</span>
@@ -830,8 +830,8 @@ <h4 class="heading settled heading" data-level=3.4.1 id=paint-sources><span clas
830830
<p class=note> Note: It is expected that a future version of this module will define ways to refer to paint sources in external documents,
831831
or ones that are created solely by script and never inserted into a document at all.
832832

833-
<h4 class="heading settled heading" data-level=3.4.2 id=elementmap><span class=secno>3.4.2 </span><span class=content>
834-
The <code>ElementMap</code> interface</span><a class=self-link href=#elementmap></a></h4>
833+
<h4 class="heading settled heading" data-level=3.4.2 id=elementsources><span class=secno>3.4.2 </span><span class=content>
834+
Using Out-Of-Document Sources: the <code>ElementSources</code> interface</span><a class=self-link href=#elementsources></a></h4>
835835

836836
<p> The <a class=css data-link-type=maybe href=#funcdef-element title=element()>element()</a> function normally selects elements within a document,
837837
but elements that provide a <a data-link-type=dfn href=#paint-source title="paint source">paint source</a> don’t necessarily need to be in-document.
@@ -888,6 +888,11 @@ <h4 class="heading settled heading" data-level=3.4.2 id=elementmap><span class=s
888888
</pre>
889889
<p> As the "fancy" canvas is drawn into and animated,
890890
the backgrounds of all the H1 elements will automatically update in tandem.
891+
892+
<p> Note that the <a data-link-type=idl href=#dom-css-elementsources title=elementsources>elementSources</a> map is consulted <em>before</em> the document
893+
to match the ID selector,
894+
so even if there’s an element in the document that would match <span class=css data-link-type=maybe title=#fancy>#fancy</span>,
895+
the backgrounds will still predictably come from the <a data-link-type=idl href=#dom-css-elementsources title=elementsources>elementSources</a> value instead.
891896
</div>
892897

893898
<h4 class="heading settled heading" data-level=3.4.3 id=element-cycles><span class=secno>3.4.3 </span><span class=content>

css-images/Overview.src.html

+7-2
Original file line numberDiff line numberDiff line change
@@ -798,8 +798,8 @@ <h4 id='paint-sources'>
798798
Note: It is expected that a future version of this module will define ways to refer to paint sources in external documents,
799799
or ones that are created solely by script and never inserted into a document at all.
800800

801-
<h4 id='elementmap'>
802-
The <code>ElementMap</code> interface</h4>
801+
<h4 id='elementsources'>
802+
Using Out-Of-Document Sources: the <code>ElementSources</code> interface</h4>
803803

804804
The ''element()'' function normally selects elements within a document,
805805
but elements that provide a <a>paint source</a> don't necessarily need to be in-document.
@@ -860,6 +860,11 @@ <h4 id='elementmap'>
860860

861861
As the "fancy" canvas is drawn into and animated,
862862
the backgrounds of all the H1 elements will automatically update in tandem.
863+
864+
Note that the <a idl>elementSources</a> map is consulted <em>before</em> the document
865+
to match the ID selector,
866+
so even if there's an element in the document that would match ''#fancy'',
867+
the backgrounds will still predictably come from the <a idl>elementSources</a> value instead.
863868
</div>
864869

865870
<h4 id='element-cycles'>

0 commit comments

Comments
 (0)