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
90138
90138
focusable descendants, forming a <dfn>focus group</dfn>.</p>
90139
90139
90140
-
<p>The attribute's value is a string of space-separated tokens. For most focusgroups, the first token must be a
90141
-
<dfn>behavior token</dfn>, which defines the primary interaction pattern, and subsequent tokens are
90142
-
optional <dfn>modifier tokens</dfn>. The special token <code>none</code> is used alone to opt out of focusgroup behavior.</p>
90140
+
<p>The attribute's value is a string of space-separated tokens. The first token must either be a
90141
+
<dfn>behavior token</dfn>, which defines the primary interaction pattern, or the special token
90142
+
<code>none</code> which is used alone to opt out of focusgroup behavior. If a behavior token is
90143
+
specified, <dfn>modifier tokens</dfn> can be provided subsequently.</p>
90143
90144
90144
90145
<h5>Concepts</h5>
90145
90146
90146
90147
<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>
90147
90148
90148
-
<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>
90149
+
<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>
90149
90150
90150
90151
<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>
90310
90311
90311
-
<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>
90312
+
<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>
90312
90313
<ul class="brief">
90313
90314
<li>If the <code data-x="attr-focusgroup-inline">inline</code> token is present, only consider items on the inline axis.</li>
90314
90315
<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