You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p>When a user presses an arrow key and focus is within a <span data-x="focusgroup scope">focusgroup scope</span>, the user agent must run these steps:</p>
90308
90308
90309
90309
<ol>
90310
-
<li><p>Let <var>owner</var> be the <span data-x="focusgroup owner">focusgroup owner</span>.</p></li>
90310
+
<li><p>Let <var>direction</var> be "forwards" or "backwards" corresponding to the arrow key pressed, and the document's direction.
90311
+
<li><p>Let <var>owner</var> be the element with the <code data-x="dom-focusgroup">focusgroup</code>attribute set with a valid behavior.</p></li>
90311
90312
90312
-
<li><p>Let <var>currentItem</var> be the currently focused element.</p></li>
90313
+
<li><p>Let <var>currentItem</var> be the currently focused element within the focusgroup.</p></li>
90313
90314
90314
90315
<li><p>Let <var>items</var> be all <span data-x="focusgroup item">focusgroup items</span> in <span>tree order</span>.</p></li>
90315
90316
90316
-
<li><p>Determine the <var>nextItem</var> by finding the geometrically nearest item in the direction of the arrow key, respecting the <var>owner</var>'s <span>'writing-mode'</span> and <span>'direction'</span>:</p>
90317
-
<ul class="brief">
90318
-
<li>If the <code data-x="attr-focusgroup-inline">inline</code> token is present, only consider items on the inline axis.</li>
90319
-
<li>If the <code data-x="attr-focusgroup-block">block</code> token is present, only consider items on the block axis.</li>
90320
-
</ul>
90321
-
</li>
90317
+
<li><p>Determine the <var>nextItem</var> by finding the nearest item in tree order in the <var>direction</var>. </p></li>
90322
90318
90323
90319
<li><p>If no <var>nextItem</var> is found and the <code data-x="attr-focusgroup-wrap">wrap</code> token is present, wrap to the first item in the specified direction.</p></li>
90324
90320
90325
-
<li><p>If a <var>nextItem</var> is identified, <span>move the focus</span> to it. This must not affect the <span>sequential focus navigation order</span>.</p></li>
90321
+
<li><p>If a <var>nextItem</var> is identified, <span>move the focus</span> to it.</p></li>
0 commit comments