Skip to content

Commit c2a4326

Browse files
author
Jihye Hong
committed
Fix some details in the description
1 parent e143e7e commit c2a4326

File tree

1 file changed

+9
-8
lines changed

1 file changed

+9
-8
lines changed

css-nav-1/Overview.bs

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1267,16 +1267,17 @@ the proper spatial navigation behavior.
12671267
<dl dfn-for=spatial-navigation-action dfn-type=value>
12681268
<dt><dfn>auto</dfn>
12691269
<dd>If the element is a <a>scroll container</a>,
1270-
then directional input moves the focus to the candidates in the viewport.
1270+
then directional input moves the focus to the candidates in the optimal viewing region.
12711271
When there isn't any visible candidate, then the container scrolls.
1272-
1273-
Else, the focus moves to the candidates in the viewport.
1272+
1273+
Otherwise, the focus moves to the candidates in the viewport.
12741274

12751275
<dt><dfn>focus</dfn>
1276-
<dd>The directional input moves the focus to all candidates inside a scroll container. The user cannot manually scroll the container.
1276+
<dd>The directional input moves the focus to all candidates inside a scroll container. The container <a>cannot be scrolled manually</a>.
12771277

1278-
NOTE: If the 'focus' value is given to 'spatial-navigation-action', 'navnotarget' event occurs
1279-
when there isn’t any visible candidate in the spatial navigation container no matter what it can be scrolled more or not.
1278+
NOTE: If the 'focus' value is given to 'spatial-navigation-action',
1279+
<a event>navnotarget</a> event occurs when there isn’t any visible candidate in the given direction within the viewport of
1280+
the <a>spatial navigation container</a> even through the container can be scrolled more.
12801281

12811282
<dt><dfn>scroll</dfn>
12821283
<dd>If the element is a <a>scroll container</a>,
@@ -1286,13 +1287,13 @@ the proper spatial navigation behavior.
12861287
</dl>
12871288

12881289
<div class=example>
1289-
In this example, a scrollable container is specified with `spatial-navigation-action: focus`.
1290+
In this example, a scrollable container is specified with <code highlight=css>spatial-navigation-action: focus</code>.
12901291
Inside the container, there is an element which is out of the view within a <a>scrollport</a>.
12911292
Pressing the down arrow key moves the focus directly to it without scrolling manually.
12921293

12931294
<figure>
12941295
<img alt="" src="images/spatnav-action.png" style="width: 500px;"/>
1295-
<figcaption>Moving focus to "Box 3" from "Box 2" without manually scrolling</figcaption>
1296+
<figcaption>Moving focus from "Box 2" to "Box 3" without manually scrolling</figcaption>
12961297
</figure>
12971298

12981299
<pre><code highlight=markup>

0 commit comments

Comments
 (0)