[cssom-view] Make setting scrollTop/Left do nothing if there's no scrolling box

Author: Simon Pieters

cssom-view/Overview.html

@@ -25,7 +25,7 @@
 
  <h1>CSSOM View Module</h1>
 
- <h2 class="no-num no-toc" id="w3c-doctype">Editor's Draft 18 June 2013</h2>
+ <h2 class="no-num no-toc" id="w3c-doctype">Editor's Draft 19 June 2013</h2>
 
  <dl>
 
@@ -92,7 +92,7 @@ <h2 class="no-num no-toc" id="sotd">Status of This Document</h2>
 can be found in the <a href="http://www.w3.org/TR/">W3C technical reports
 index at http://www.w3.org/TR/.</a></em>
 
-<p>This is the 18 June 2013 Editor's Draft of CSSOM View. Please send
+<p>This is the 19 June 2013 Editor's Draft of CSSOM View. Please send
 comments to
 <a href="mailto:www-style@w3.org?subject=%5Bcssom-view%5D%20">www-style@w3.org</a>
 (<a href="http://lists.w3.org/Archives/Public/www-style/">archived</a>)
@@ -252,7 +252,7 @@ <h2 id="terminology"><span class="secno">3 </span>Terminology</h2>
 <p>A scrolling box of a <a href="#viewport">viewport</a> or element has two <dfn id="overflow-directions">overflow directions</dfn>, depending on the <a href="#viewport">viewport</a>'s or element's
 <a href="#block-flow-direction">block flow direction</a> and <a href="#inline-base-direction">inline base direction</a>, as follows:
 
-<dl>
+<dl class="switch">
  <dt>If the <a href="#block-flow-direction">block flow direction</a> is top-to-bottom and the <a href="#inline-base-direction">inline base direction</a> is left-to-right
  <dt>If the <a href="#block-flow-direction">block flow direction</a> is left-to-right and the <a href="#inline-base-direction">inline base direction</a> is left-to-right
  <dd><p>Rightward and downward.
@@ -882,7 +882,7 @@ <h2 id="extensions-to-the-element-interface"><span class="secno">7 </span>Extens
 
 <p>The <dfn id="dom-element-scrollintoview" title="dom-Element-scrollIntoView"><code>scrollIntoView(<var>top</var>, <var>options</var>)</code></dfn> method must run these steps:</p>
 <ol>
- <li><p>If the element does not have any associated <a href="#css-layout-box">CSS layout box</a> terminate these steps.</li>
+ <li><p>If the element does not have any associated <a href="#layout-box">layout box</a> terminate these steps.</li>
  <li><p><a href="#scroll-an-element-into-view" title="scroll an element into view">Scroll the element into view</a> with the
  <i>align to top flag</i> set if <var>top</var> is true, and the scroll behavior being the value of the <code title="">behavior</code>
  dictionary member of <var>options</var>.</li>
@@ -911,8 +911,8 @@ <h2 id="extensions-to-the-element-interface"><span class="secno">7 </span>Extens
  let <var>y</var> be the given value.</li>
  <li><p>If the element does not have any associated <a href="#css-layout-box">CSS layout box</a>, the
  element is the root element and the <code class="external" data-anolis-spec="dom"><a href="http://dom.spec.whatwg.org/#document">Document</a></code> is in
- <a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-document-quirks" title="concept-document-quirks">quirks mode</a>, or the element has no overflow, terminate these
- steps.</li>
+ <a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-document-quirks" title="concept-document-quirks">quirks mode</a>, or the element has no associated scrolling box, or the element has no overflow,
+ terminate these steps.</li>
  <li><p>If the element is the root element invoke
  <code title="dom-Window-scroll"><a href="#dom-window-scroll">scroll()</a></code> with zero as first
  argument and <var>y</var> as second, and, if the given value is a <code><a href="#scrolloptions">ScrollOptions</a></code> object, the given value as the third argument.</li>
@@ -949,8 +949,8 @@ <h2 id="extensions-to-the-element-interface"><span class="secno">7 </span>Extens
  let <var>x</var> be the given value.</li>
  <li><p>If the element does not have any associated <a href="#css-layout-box">CSS layout box</a>, the
  element is the root element and the <code class="external" data-anolis-spec="dom"><a href="http://dom.spec.whatwg.org/#document">Document</a></code> is in
- <a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-document-quirks" title="concept-document-quirks">quirks mode</a>, or the element has no overflow, terminate these
- steps.</li>
+ <a class="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-document-quirks" title="concept-document-quirks">quirks mode</a>, or the element has no associated scrolling box, or the element has no overflow,
+ terminate these steps.</li>
  <li><p>If the element is the root element invoke
  <code title="dom-Window-scroll"><a href="#dom-window-scroll">scroll()</a></code> with
  <var>x</var> as first argument and zero as second, and, if the given value is a <code><a href="#scrolloptions">ScrollOptions</a></code> object, the given value as the third
@@ -1047,7 +1047,7 @@ <h3 id="element-scrolling-members"><span class="secno">7.2 </span><code title=""
 
 <p>To <dfn id="scroll-an-element-into-view">scroll an element into view</dfn> <var>element</var>, optionally with an <i>align to top flag</i> set, and optionally with a scroll behavior
 <var>behavior</var> (which is <code title="">auto</code> if omitted), means to run these steps for each ancestor element or <a href="#viewport">viewport</a> that establishes
-a scrolling box <var>box</var>, in order of innermost to outermost scrolling box:</p>
+a scrolling box <var>scrolling box</var>, in order of innermost to outermost scrolling box:</p>
 
 <ol>
  <li><p>If the <code class="external" data-anolis-spec="dom"><a href="http://dom.spec.whatwg.org/#document">Document</a></code> associated
@@ -1056,50 +1056,56 @@ <h3 id="element-scrolling-members"><span class="secno">7.2 </span><code title=""
  <a href="#viewport">viewport</a> associated with <var>box</var>, terminate these
  steps.</li>
 
- <li><p>Let <var>box edge A</var> be the <a href="#beginning-edges" title="beginning edges">beginning edge</a> in the <a href="#block-flow-direction">block flow direction</a> of <var>box</var>, and let
- <var>element edge A</var> be <var>element</var>'s border box edge on the same physical side as that of <var>box edge A</var>.
+ <li><p>Let <var>element bounding border box</var> be the box that the return value of invoking
+ <code title="dom-Element-getBoundingClientRect"><a href="#dom-element-getboundingclientrect">getBoundingClientRect()</a></code> on <var>element</var> represents.
 
- <li><p>Let <var>box edge B</var> be the <a href="#ending-edges" title="ending edges">ending edge</a> in the <a href="#block-flow-direction">block flow direction</a> of <var>box</var>, and let
- <var>element edge B</var> be <var>element</var>'s border box edge on the same physical side as that of <var>box edge B</var>.
+ <li><p>Let <var>scrolling box edge A</var> be the <a href="#beginning-edges" title="beginning edges">beginning edge</a> in the <a href="#block-flow-direction">block flow direction</a> of
+ <var>scrolling box</var>, and let <var>element edge A</var> be <var>element bounding border box</var>'s edge on the same physical side as that of
+ <var>scrolling box edge A</var>.
+ 
+ <li><p>Let <var>scrolling box edge B</var> be the <a href="#ending-edges" title="ending edges">ending edge</a> in the <a href="#block-flow-direction">block flow direction</a> of <var>scrolling
+ box</var>, and let <var>element edge B</var> be <var>element bounding border box</var>'s edge on the same physical side as that of <var>scrolling box edge
+ B</var>.
 
- <li><p>Let <var>box edge C</var> be the <a href="#beginning-edges" title="beginning edges">beginning edge</a> in the <a href="#inline-base-direction">inline base direction</a> of <var>box</var>, and
- let <var>element edge C</var> be <var>element</var>'s border box edge on the same physical side as that of <var>box edge C</var>.
+ <li><p>Let <var>scrolling box edge C</var> be the <a href="#beginning-edges" title="beginning edges">beginning edge</a> in the <a href="#inline-base-direction">inline base direction</a> of
+ <var>scrolling box</var>, and let <var>element edge C</var> be <var>element bounding border box</var>'s edge on the same physical side as that of
+ <var>scrolling box edge C</var>.
 
- <li><p>Let <var>box edge D</var> be the <a href="#ending-edges" title="ending edges">ending edge</a> in the <a href="#inline-base-direction">inline base direction</a> of <var>box</var>, and let
- <var>element edge D</var> be <var>element</var>'s border box edge on the same physical side as that of <var>box edge D</var>.
+ <li><p>Let <var>scrolling box edge D</var> be the <a href="#ending-edges" title="ending edges">ending edge</a> in the <a href="#inline-base-direction">inline base direction</a> of <var>scrolling
+ box</var>, and let <var>element edge D</var> be <var>element bounding border box</var>'s edge on the same physical side as that of <var>box edge D</var>.
 
  <li><p>Let <var>element width</var> be the distance between <var>element edge C</var> and <var>element edge D</var>.
 
- <li><p>Let <var>box width</var> be the distance between <var>box edge C</var> and <var>box edge D</var>.
+ <li><p>Let <var>scrolling box width</var> be the distance between <var>scrolling box edge C</var> and <var>scrolling box edge D</var>.
 
- <li><p>Let <var>position</var> be the scroll position <var>box</var> would have by following these steps:
+ <li><p>Let <var>position</var> be the scroll position <var>scrolling box</var> would have by following these steps:
 
   <ol>
-   <li><p>If the <i>align to top flag</i> is set align <var>element edge A</var> with <var>box edge A</var>.</li>
+   <li><p>If the <i>align to top flag</i> is set align <var>element edge A</var> with <var>scrolling box edge A</var>.</li>
 
-   <li><p>Otherwise, the <i>align to top flag</i> is not set; align <var>element edge B</var> with <var>box edge B</var>.</li>
+   <li><p>Otherwise, the <i>align to top flag</i> is not set; align <var>element edge B</var> with <var>scrolling box edge B</var>.</li>
 
    <li>
     <dl class="switch">
-     <dt>If <var>element edge C</var> and <var>element edge D</var> are both outside <var>box edge C</var> and <var>box edge D</var>
+     <dt>If <var>element edge C</var> and <var>element edge D</var> are both outside <var>scrolling box edge C</var> and <var>scrolling box edge D</var>
      <dd><p>Do nothing.
 
-     <dt>If <var>element edge C</var> is outside <var>box edge C</var> and <var>element width</var> is less than <var>box width</var>
-     <dt>If <var>element edge D</var> is outside <var>box edge D</var> and <var>element width</var> is greater than <var>box width</var>
-     <dd><p>Align <var>element edge C</var> with <var>box edge C</var>.
+     <dt>If <var>element edge C</var> is outside <var>scrolling box edge C</var> and <var>element width</var> is less than <var>scrolling box width</var>
+     <dt>If <var>element edge D</var> is outside <var>scrolling box edge D</var> and <var>element width</var> is greater than <var>scrolling box width</var>
+     <dd><p>Align <var>element edge C</var> with <var>scrolling box edge C</var>.
 
-     <dt>If <var>element edge C</var> is outside <var>box edge C</var> and <var>element width</var> is greater than <var>box width</var>
-     <dt>If <var>element edge D</var> is outside <var>box edge D</var> and <var>element width</var> is less than <var>box width</var>
-     <dd><p>Align <var>element edge D</var> with <var>box edge D</var>.
+     <dt>If <var>element edge C</var> is outside <var>scrolling box edge C</var> and <var>element width</var> is greater than <var>scrolling box width</var>
+     <dt>If <var>element edge D</var> is outside <var>scrolling box edge D</var> and <var>element width</var> is less than <var>scrolling box width</var>
+     <dd><p>Align <var>element edge D</var> with <var>scrolling box edge D</var>.
     </dl>
   </ol>
 
- <li><p>If <var>position</var> is the same as <var>box</var>'s current scroll position, and <var>box</var> does not have an ongoing
+ <li><p>If <var>position</var> is the same as <var>scrolling box</var>'s current scroll position, and <var>scrolling box</var> does not have an ongoing
  <a href="#concept-smooth-scroll" title="concept-smooth-scroll">smooth scroll</a>, abort these steps.
 
  <li>
   <dl class="switch">
-   <dt>If <var>box</var> is associated with an element</dt>
+   <dt>If <var>scrolling box</var> is associated with an element</dt>
    <dd>
     <p>Let <var>associated element</var> be the element.
     <p>Let <var>task</var> be these steps:
@@ -1109,7 +1115,7 @@ <h3 id="element-scrolling-members"><span class="secno">7.2 </span><code title=""
     </ol>
    </dd>
 
-   <dt>If <var>box</var> is associated with a <a href="#viewport">viewport</a></dt>
+   <dt>If <var>scrolling box</var> is associated with a <a href="#viewport">viewport</a></dt>
    <dd>
     <p>Let <var>associated element</var> be the <code class="external" data-anolis-spec="dom"><a href="http://dom.spec.whatwg.org/#document">Document</a></code>'s root element, if there is one, or null otherwise.
     <p>Let <var>task</var> be these steps:
@@ -1121,7 +1127,7 @@ <h3 id="element-scrolling-members"><span class="secno">7.2 </span><code title=""
    </dd>
   </dl>
  </li>
- <li><p><a href="#perform-a-scroll">Perform a scroll</a> of <var>box</var> to <var>position</var>, with the set of steps <var>task</var>,
+ <li><p><a href="#perform-a-scroll">Perform a scroll</a> of <var>scrolling box</var> to <var>position</var>, with the set of steps <var>task</var>,
  <var>associated element</var> as the associated element and <var>behavior</var> as the scroll behavior.
 
 </ol>

cssom-view/Overview.src.html

@@ -873,8 +873,8 @@ <h2>Extensions to the <code title>Element</code> Interface</h2>
  let <var>y</var> be the given value.</p></li>
  <li><p>If the element does not have any associated <span>CSS layout box</span>, the
  element is the root element and the <code data-anolis-spec=dom>Document</code> is in
- <span data-anolis-spec=dom title=concept-document-quirks>quirks mode</span>, or the element has no overflow, terminate these
- steps.</p></li>
+ <span data-anolis-spec=dom title=concept-document-quirks>quirks mode</span>, or the element has no associated scrolling box, or the element has no overflow,
+ terminate these steps.</p></li>
  <li><p>If the element is the root element invoke
  <code title=dom-Window-scroll>scroll()</code> with zero as first
  argument and <var>y</var> as second, and, if the given value is a <code>ScrollOptions</code> object, the given value as the third argument.</p></li>
@@ -911,8 +911,8 @@ <h2>Extensions to the <code title>Element</code> Interface</h2>
  let <var>x</var> be the given value.</p></li>
  <li><p>If the element does not have any associated <span>CSS layout box</span>, the
  element is the root element and the <code data-anolis-spec=dom>Document</code> is in
- <span data-anolis-spec=dom title=concept-document-quirks>quirks mode</span>, or the element has no overflow, terminate these
- steps.</p></li>
+ <span data-anolis-spec=dom title=concept-document-quirks>quirks mode</span>, or the element has no associated scrolling box, or the element has no overflow,
+ terminate these steps.</p></li>
  <li><p>If the element is the root element invoke
  <code title=dom-Window-scroll>scroll()</code> with
  <var>x</var> as first argument and zero as second, and, if the given value is a <code>ScrollOptions</code> object, the given value as the third