[css-nav-1] Bikeshed fixes

Author: frivoal

css-nav-1/Overview.bs

@@ -477,21 +477,23 @@ Note: the {{focusableAreas()}} and {{getSpatialNavigationContainer()}} methods a
 <div algorithm="getSpatialNavigationContainer steps">
 :   <dfn method for=Element lt="getSpatialNavigationContainer()">{{Element/getSpatialNavigationContainer()}}</dfn>
 ::  Follows these steps:
-1. Return the element if it is a <a>spatial navigation container</a>,
-    or the nearest ancestor of the element that is a <a>spatial navigation container</a>,
-    or the <a>document</a> if the nearest <a>spatial navigation container</a> is the viewport.
+    1. Return the element if it is a <a>spatial navigation container</a>,
+        or the nearest ancestor of the element that is a <a>spatial navigation container</a>,
+        or the <a>document</a> if the nearest <a>spatial navigation container</a> is the viewport.
+
 </div>
 
 <div algorithm="focusableAreas steps">
 :   <dfn method for=Element lt="focusableAreas(option)">focusableAreas(<var>option</var>)</dfn>
 ::  Follows these steps:
-1. Let <var>visibleOnly</var> be <code>false</code>
-    if <var>option</var> is present and its value is equal to <code>'all'</code>,
-    or <code>true</code> otherwise.
-2. Let <var>areas</var> be the result of <a>finding focusable areas</a> within the element with the <var>visibleOnly</var>.
-3. Let <var>anchors</var> be a <a for=list>clone</a> of <var>areas</var>,
-    with every <a>focusable area</a> which is not itself a <a>Node</a> replaced with its <a>DOM anchor</a>.
-4. Return <var>anchors</var>
+    1. Let <var>visibleOnly</var> be <code>false</code>
+        if <var>option</var> is present and its value is equal to <code>'all'</code>,
+        or <code>true</code> otherwise.
+    2. Let <var>areas</var> be the result of <a>finding focusable areas</a> within the element with the <var>visibleOnly</var>.
+    3. Let <var>anchors</var> be a <a for=list>clone</a> of <var>areas</var>,
+        with every <a>focusable area</a> which is not itself a <a>Node</a> replaced with its <a>DOM anchor</a>.
+    4. Return <var>anchors</var>
+
 </div>
 
 <div class=example id=focusAreas-visible>
@@ -526,14 +528,14 @@ Note: the {{focusableAreas()}} and {{getSpatialNavigationContainer()}} methods a
 <div algorithm="spatialNavigationSearch steps">
 :   <dfn method for=Element lt="spatialNavigationSearch(options)">spatialNavigationSearch(<var>options</var>)</dfn>
 ::  Follows these steps:
-1. Let <var>direction</var> be the value of {{SpatialNavigationSearchOptions/dir}} attribute from <var>options</var>.
-2. If the value of {{SpatialNavigationSearchOptions/candidates}} attribute from <var>options</var> is not <code>null</code>,
-    then let <var>areas</var> be the corresponding value.
-3. Else, let <var>container</var> be
-    * the value of {{SpatialNavigationSearchOptions/container}} attribute from <var>options</var>, if it is not <code>null</code>,
-    * the element's nearest <a>spatial navigation container</a> ancestor, otherwise.
-4. Let <var>areas</var> be the result of <a>finding focusable areas</a> within <var>container</var>.
-3. Return the result of <a>selecting the best candidate</a> within <var>areas</var> in direction <var>direction</var> from the element.
+    1. Let <var>direction</var> be the value of {{SpatialNavigationSearchOptions/dir}} attribute from <var>options</var>.
+    2. If the value of {{SpatialNavigationSearchOptions/candidates}} attribute from <var>options</var> is not <code>null</code>,
+        then let <var>areas</var> be the corresponding value.
+    3. Else, let <var>container</var> be
+        * the value of {{SpatialNavigationSearchOptions/container}} attribute from <var>options</var>, if it is not <code>null</code>,
+        * the element's nearest <a>spatial navigation container</a> ancestor, otherwise.
+    4. Let <var>areas</var> be the result of <a>finding focusable areas</a> within <var>container</var>.
+    5. Return the result of <a>selecting the best candidate</a> within <var>areas</var> in direction <var>direction</var> from the element.
 
 Note: When neither a container nor a list of candidates is provided,
 this only searches through the visible focusable areas of the nearest
@@ -981,14 +983,14 @@ To run the <dfn>spatial navigation steps</dfn> in <var>direction</var>, do the f
                 and return if the result is <code>false</code>.</span>
             3. Run the <a>focusing steps</a> for <var>bestCandidate</var> and return
         * Else if <var>eventTarget</var> <a>can be manually scrolled</a>, <a>directionally scroll the element</a> 
-          <var>eventTarget</var> in <var>direction</var> and return.
+              <var>eventTarget</var> in <var>direction</var> and return.
         * Else, fallback to the next step.
 6. Let <var>container</var> be the nearest ancestor of <var>eventTarget</var> that is a <a>spatial navigation container</a>.
 7. <i>Loop</i>: Let <var>candidates</var> be the result of <a>finding focusable areas</a>
     within <var>container</var>, excluding <var>searchOrigin</var>
 8. If <var>candidates</var> is empty:
     * If <var>container</var> is a <a>scroll container</a> that <a>can be manually scrolled</a>, <a>directionally scroll the element</a>
-       <var>container</var> in <var>direction</var> and return.
+         <var>container</var> in <var>direction</var> and return.
     * Else,
         1. If <a>navigation-override</a> <a>is enabled</a> in the [=node document=] of <var>eventTarget</var> for the <a spec=html for="/">origin</a> of the [=active document=] of the [=top-level browsing context=], then
             <span class=api><a>fire an event</a> named <a event>navnotarget</a> at <var>eventTarget</var> using {{NavigationEvent}} with:
@@ -1145,6 +1147,7 @@ run the following steps:
             and that item is higher in the CSS [=painting order=].
             In that case, return that item instead,
             unless it too is overlapped with another higher item at the same distance, recursively.    
+
 </div>
 
 <div algorithm="to calculate the distance">
@@ -1166,9 +1169,9 @@ The meaning of each factor in the function is as follows:
 
         * <var>orthogonalBias</var>
             * If the <var>dir</var> is {{SpatialNavigationDirection/left}} or {{SpatialNavigationDirection/right}}, 
-            height of <var>searchOrigin</var> / 2
+                height of <var>searchOrigin</var> / 2
             * Else if the <var>dir</var> is {{SpatialNavigationDirection/up}} or {{SpatialNavigationDirection/down}}, 
-            width of <var>searchOrigin</var> / 2
+                width of <var>searchOrigin</var> / 2
 
         * <var>orthogonalWeight</var>:
             * If the <var>dir</var> is {{SpatialNavigationDirection/left}} or {{SpatialNavigationDirection/right}}, 30
@@ -1181,9 +1184,9 @@ The meaning of each factor in the function is as follows:
         * <var>alignBias</var>
 
             * If the <var>dir</var> is {{SpatialNavigationDirection/left}} or {{SpatialNavigationDirection/right}}, 
-            height of <var>intersectRect</var> / height of <var>candidate</var>
+                height of <var>intersectRect</var> / height of <var>candidate</var>
             * Else if the <var>dir</var> is {{SpatialNavigationDirection/up}} or {{SpatialNavigationDirection/down}}, 
-            width of <var>intersectRect</var> / width of <var>candidate</var>
+                width of <var>intersectRect</var> / width of <var>candidate</var>
 
         * <var>alignWeight</var> is 5
 
@@ -1229,7 +1232,7 @@ NOTE: The values of <var>alignWeight</var> and <var>orthogonalWeight</var> in th
 <h2 id=declarative>
 Controlling spatial navigation through declarative means</h2>
 
-<h3 id=css-property-spatialnavigationcontain>
+<h3 id=container>
 Creating additional spatial navigation containers: the 'spatial-navigation-contain' property</h3>
 
 <pre class='propdef'>
@@ -1372,15 +1375,15 @@ the proper spatial navigation behavior.
     <dt><dfn>focus</dfn>
     <dd>The directional input moves the focus to all candidates inside a scroll container. The container <a>cannot be scrolled manually</a>.
 
-    NOTE: If the 'focus' value is given to 'spatial-navigation-action', 
-    <a event>navnotarget</a> event occurs when there isn’t any visible candidate in the given direction within the viewport of 
+    NOTE: If the ''spatial-navigation-action/focus'' value is given to 'spatial-navigation-action',
+    <a event>navnotarget</a> event occurs when there isn’t any visible candidate in the given direction within the viewport of
     the <a>spatial navigation container</a> even through the container can be scrolled more.
 
     <dt><dfn>scroll</dfn>
     <dd>If the element is a <a>scroll container</a>,
         then directional input only works for manually scrolling the container.
 
-    Note: The 'scroll' value is <a>at-risk</a>. 
+    Note: The ''spatial-navigation-ation/scroll'' value is <a>at-risk</a>.
 </dl>
 
 <div class=example>