[css3-ui] edits for issues 45, 56, 57, 58, 61, 63, 67

Author: tantek

css-ui/Overview.bs

@@ -102,35 +102,19 @@ dynamic presentation related features in HTML.
 user interfaces which make use of a directional navigation model.
 </ul>
 
-<h2 id="dependencies">Dependencies on other modules</h2>
+<h2 id="interaction">Module Interactions</h2>
 
-This CSS3 module depends on the following other specifications.
+This document defines new features not present in earlier specifications.
+In addition, it replaces and supersedes the following:
 
 <ul>
-<li>[[!SELECT]]
-<li>[[!CSS3COLOR]]
-<li>[[!CSS21]]
-<li>[[!CSS3VAL]]
-<li>[[!CSS3-WRITING-MODES]]<!--for end, start, line-left, line-end-->
+<li><a href="http://www.w3.org/TR/CSS21/ui.html#cursor-props">Section 18.1</a> 
+and 
+<a href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines">section 18.4</a>
+of Cascading Style Sheets, level 2, revision 1 [[CSS21]]
+<li><a href="http://www.w3.org/TR/2000/WD-css3-userint-20000216">User Interface for CSS3 (16 February 2000)</a> [[CSSUI]]
 </ul>
 
-<!--
-It has non-normative (informative) references to the following
-other specifications:
-<ul>
-</ul>
--->
-
-The following work is related to the CSS Basic User Interface Module Level 3 (CSS3 Basic UI).
-
-<ul>
-<li>[[HTML401]]
-<li>[[HTML5]]
-<li>[[UAAG10]]
-</ul>
-
-This specification does not define what is a form element.
-
 <h2 id="selectors">User Interface Selectors</h2>
 
 <h3 id="pseudo-elements">User interface element fragments: pseudo-elements</h3>
@@ -358,24 +342,36 @@ Outlines may be non-rectangular.
 For example, if the element is broken across several lines,
 the outline should be an outline or minimum set of outlines
 that encloses all the element's boxes.
+
 Each part of the outline should be fully connected
 rather than open on some sides
 (as borders on inline elements are when lines are broken).
+
 The parts of the outline are not required to be rectangular.
-The position of the outline may be affected by descendant boxes.
+To the extent that the outline follows the border edge, 
+it should follow the border-radius curve.
+
+The position of the outline may be affected by descendant boxes. 
+
 User agents should use an algorithm for determining
 the outline that encloses a region appropriate
 for conveying the concept of focus to the user.
 
+Note: This specification does not define the exact position or shape of the outline, but it is typically drawn immediately outside the border box.
+
+
 The 'outline-width' property accepts
 the same values as
           'border-width'
-([[!CSS21]], section 8.5.1).
+([[!CSS3BG]], 
+<a href="http://www.w3.org/TR/css3-background/#the-border-width">Section 4.3</a>).
 
 The 'outline-style' property accepts
 the same values as
           'border-style'
-([[!CSS21]], section 8.5.3), except that
+([[!CSS3BG]], 
+<a href="http://www.w3.org/TR/css3-background/#the-border-style">Section 4.2</a>), 
+except that
 ''hidden'' is not a legal outline style.
 In addition, in CSS3,
 'outline-style'
@@ -955,7 +951,7 @@ then only the end ellipsis/string should be rendered.
 
 <!-- got this far reformatting lines -->
 This property specifies the type of cursor to be displayed for the pointing device
-when over the element's border, padding, and content.
+when within the element's border-box.
 Values have the following meanings:
 
 image cursors
@@ -967,6 +963,11 @@ it must attempt to handle the second, etc.
 If the user agent cannot handle any user-defined cursor,
 it must use the cursor keyword at the end of the list.
 Conforming User Agents may, instead of &lt;uri&gt;, support &lt;image&gt; which is a superset.
+
+The <a>default object size</a> for cursor images is 
+a UA-defined size that should be based on 
+the size of a typical cursor on the UA's operating system.
+
 The optional &lt;x&gt; and &lt;y&gt; coordinates
 identify the exact position within the image which is the pointer position (i.e., the hotspot).
 </dd>
@@ -977,10 +978,12 @@ Each is a &lt;number&gt;.
 The x-coordinate and y-coordinate of the position
 in the cursor's coordinate system (left/top relative)
 which represents the precise position that is being pointed to.
+
 If the values are unspecified,
 then the intrinsic hotspot defined inside the image resource itself is used.
 If both the values are unspecific and the referenced cursor has no defined hotspot,
 the effect is as if a value of "0 0" were specified.
+
 If the coordinates of the hotspot, 
 as specified either inside the image resource or 
 by &lt;x&gt; and &lt;y&gt; values,
@@ -1255,8 +1258,7 @@ For accessibility and user convenience,
 user agents should allow configuration of which keys on a keyboard are used for directional navigation.
 
 <div class="example">
-
-Example: positioned buttons
+<h5>Example: positioned buttons</h5>
 
 Here is an example of buttons positioned in a diamond shape
 whose directional focus navigation is set in such a way
@@ -1296,6 +1298,19 @@ is irrelevant in this case because they are positioned, and yet,
 it is still important to ensure focus navigation behaviors which relate reasonably to the specified layout.
 </div>
 
+<div class="example">
+<h5>Example: moving focus to inside a frame</h5>
+
+Moving the focus to an element in a specific frame requires both the element's id and the frame's name. 
+
+This example shows how to make navigating left from the button with id "foo" move the focus to the element with id "bar" within the frame named "sidebar".
+
+<pre><code class="lang-css">
+button#foo { nav-left: #bar "sidebar"; }
+</code></pre>
+</div>
+
+
 <h4 id="input-method-editor">Input method editor: the 'ime-mode' property</h4>
 
 <table class="propdef"><tbody>