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
elements. When applied to an element, it enables directional arrow key navigation among its
90142
90142
focusable descendants, forming a <dfn>focus group</dfn>.</p>
90143
90143
90144
-
<p>The attribute's value is a string of space-separated tokens. For most focusgroups, the first token must be a
90145
-
<dfn>behavior token</dfn>, which defines the primary interaction pattern, and subsequent tokens are
90146
-
optional <dfn>modifier tokens</dfn>. The special token <code>none</code> is used alone to opt out of focusgroup behavior.</p>
90144
+
<p>The attribute's value is a string of space-separated tokens. The first token must either be a
90145
+
<dfn>behavior token</dfn>, which defines the primary interaction pattern, or the special token
90146
+
<code>none</code> which is used alone to opt out of focusgroup behavior. If a behavior token is
90147
+
specified, <dfn>modifier tokens</dfn> can be provided subsequently.</p>
90147
90148
90148
90149
<h5>Concepts</h5>
90149
90150
90150
90151
<p>A <dfn>focusgroup owner</dfn> is an element with a valid <code data-x="attr-focusgroup">focusgroup</code> attribute specified, where the attribute value contains a <span data-x="behavior token">behavior token</span> (not <code data-x="attr-focusgroup-none">none</code>).</p>
90151
90152
90152
-
<p>The <dfn>focusgroup scope</dfn> of a focusgroup owner is the owner itself and all of its <span>shadow-inclusive descendants</span>, excluding any descendants that are themselves focusgroup owners or have opted out with <code data-x="attr-focusgroup-none">focusgroup="none"</code>.</p>
90153
+
<p>The <dfn>focusgroup scope</dfn> of a focusgroup owner is the owner itself and all of its <span>shadow-including descendants</span>, excluding any descendants that are themselves focusgroup owners or have opted out with <code data-x="attr-focusgroup-none">focusgroup="none"</code>.</p>
90153
90154
90154
90155
<p>A <dfn>focusgroup item</dfn> is any <span>focusable</span> element within the focusgroup scope.</p>
<li><p>Let <var>items</var> be all <span data-x="focusgroup item">focusgroup items</span> in <span>tree order</span>.</p></li>
90314
90315
90315
-
<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>writingmode</span> and <span>direction</span>:</p>
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>
90316
90317
<ul class="brief">
90317
90318
<li>If the <code data-x="attr-focusgroup-inline">inline</code> token is present, only consider items on the inline axis.</li>
90318
90319
<li>If the <code data-x="attr-focusgroup-block">block</code> token is present, only consider items on the block axis.</li>
0 commit comments