@@ -1267,16 +1267,17 @@ the proper spatial navigation behavior.
1267
1267
<dl dfn-for=spatial-navigation-action dfn-type=value>
1268
1268
<dt> <dfn>auto</dfn>
1269
1269
<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 .
1271
1271
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.
1274
1274
1275
1275
<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> .
1277
1277
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.
1280
1281
1281
1282
<dt> <dfn>scroll</dfn>
1282
1283
<dd> If the element is a <a>scroll container</a> ,
@@ -1286,13 +1287,13 @@ the proper spatial navigation behavior.
1286
1287
</dl>
1287
1288
1288
1289
<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> .
1290
1291
Inside the container, there is an element which is out of the view within a <a>scrollport</a> .
1291
1292
Pressing the down arrow key moves the focus directly to it without scrolling manually.
1292
1293
1293
1294
<figure>
1294
1295
<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>
1296
1297
</figure>
1297
1298
1298
1299
<pre><code highlight=markup>
0 commit comments