Skip to content

Commit

Permalink
Improve example + remove unnecessary association description
Browse files Browse the repository at this point in the history
  • Loading branch information
dizhang168 committed Dec 20, 2024
1 parent 790976d commit 84883e8
Showing 1 changed file with 6 additions and 9 deletions.
15 changes: 6 additions & 9 deletions source
Original file line number Diff line number Diff line change
Expand Up @@ -80107,9 +80107,6 @@ dictionary <dfn dictionary>ToggleEventInit</dfn> : <span>EventInit</span> {
box</span> is a <span>reading flow container</span>.</p></li>
</ul>

<p>Every <span>reading-flow-ordered scope owner</span> has an associated <span>reading flow
container</span>.</p>

<p>A <dfn>reading flow item</dfn> is an element whose <span>parent element</span> is a
<span>reading-flow-ordered scope owner</span>.</p>

Expand Down Expand Up @@ -80214,7 +80211,7 @@ dictionary <dfn dictionary>ToggleEventInit</dfn> : <span>EventInit</span> {
&lt;/style>
&lt;/head>
&lt;body>
&lt;div class="wrapper" tabindex="0">
&lt;div class="wrapper">
&lt;div id="A" tabindex="0" style="order: 1">A
&lt;div id="B" tabindex="1">B&lt;/div>
&lt;/div>
Expand All @@ -80233,7 +80230,7 @@ dictionary <dfn dictionary>ToggleEventInit</dfn> : <span>EventInit</span> {
&lt;/body>
&lt;/html></code></pre>

<p><img src="/images/reading-flow-order-example.svg" width="500" height="350" alt=""
<p><img src="/images/reading-flow-order-example.svg" width="1000" height="700" alt=""
class="darkmode-aware"></p>

<p>In this example, <code data-x="">wrapper</code> is a <span>reading-flow-ordered scope
Expand Down Expand Up @@ -80374,10 +80371,10 @@ dictionary <dfn dictionary>ToggleEventInit</dfn> : <span>EventInit</span> {
<code data-x="">wrapper</code>, the two <span data-x="reading-flow-ordered focus navigation
scope">reading-flow-ordered focus navigation scopes</span> we computed above, along with every
ordinary <span>tabindex-ordered focus navigation scope</span> previously mentioned, are all
recursively composed to form the following: « <code data-x="">wrapper</code>, <code
data-x="">A</code>, <code data-x="">B</code>, <code data-x="">DC</code>, <code
data-x="">F</code>, <code data-x="">C</code>, <code data-x="">E</code>, <code data-x="">D</code>,
<code data-x="">H</code>, <code data-x="">PA</code>, <code data-x="">G</code> ».</p>
recursively composed to form the following: « <code data-x="">A</code>, <code data-x="">B</code>,
<code data-x="">DC</code>, <code data-x="">F</code>, <code data-x="">C</code>, <code
data-x="">E</code>, <code data-x="">D</code>, <code data-x="">H</code>, <code data-x="">PA</code>,
<code data-x="">G</code> ».</p>
</div>

<div w-nodev>
Expand Down

0 comments on commit 84883e8

Please sign in to comment.