make scrollTop/scrollLeft match reality; that of Firefox / IE

Author: annevk

cssom-view/Overview.html

@@ -889,30 +889,61 @@ <h3 id=scroll-attributes><span class=secno>5.2. </span>The <code
    title="">scrollWidth</code>, and <code title="">scrollHeight</code>
    attributes</h3>
 
-  <p>The <dfn id=dom-element-scrolltop><code>scrollTop</code></dfn>
-   attribute, when called on element <var>A</var>, <em class=ct>must</em>
-   return the value that is the result of running the following algorithm:
+  <p>The <dfn id=dom-element-scrolltop><code>scrollTop</code></dfn> attribute
+   <em class=ct>must</em> return the result of running these steps:
 
   <ol>
    <li>
-    <p>If <var>A</var> does not have an associated CSS layout box return zero
-     and stop this algorithm.
+    <p>If the element does not have any associated CSS layout box or the
+     element is the root element and the <a
+     href="#document"><code>Document</code></a> is in <span>quirks
+     mode</span> return zero and terminate these steps.
+
+   <li>
+    <p>If the element is the root element return the value of <a
+     href="#dom-window-pageyoffset"><code>pageYOffset</code></a>.
+
+   <li>
+    <p>If the element is <a href="#the-html-body-element">the HTML
+     <code>body</code> element</a>, the <a
+     href="#document"><code>Document</code></a> is in <span>quirks
+     mode</span>, and the element does not have any overflow, return the
+     value of <a href="#dom-window-pageyoffset"><code>pageYOffset</code></a>.
 
    <li>
     <p>Return the y-coordinate of the <a href="#content">content</a> at the
      alignment point with the top of the <a href="#content-edge">content
-     edge</a> of <var>A</var>.
+     edge</a> of the element.
   </ol>
 
   <p>When setting the <a
-   href="#dom-element-scrolltop"><code>scrollTop</code></a> attribute to <var
-   title="">y</var> on element <var>A</var>, user agents <em
-   class=ct>must</em> run the following algorithm:
+   href="#dom-element-scrolltop"><code>scrollTop</code></a> attribute these
+   steps <em class=ct>must</em> be run:
 
   <ol>
    <li>
-    <p>If <var>A</var> does not have an associated CSS layout box or vertical
-     overflow stop this algorithm.
+    <p>Let <var title="">y</var> be the given value.
+
+   <li>
+    <p>If the element does not have any associated CSS layout box, the
+     element is the root element and the <a
+     href="#document"><code>Document</code></a> is in <span>quirks
+     mode</span>, or the element has no overflow, terminate these steps.
+
+   <li>
+    <p>If the element is the root element invoke <a
+     href="#dom-window-screen"><code
+     title=dom-Window-screen>screen()</code></a> with zero as first argument
+     and <var title="">y</var> as second.
+
+   <li>
+    <p>If the element is <a href="#the-html-body-element">the HTML
+     <code>body</code> element</a>, the <a
+     href="#document"><code>Document</code></a> is in <span>quirks
+     mode</span>, and the element does not have any vertical overflow, invoke
+     <a href="#dom-window-screen"><code
+     title=dom-Window-screen>screen()</code></a> with zero as first argument
+     and <var title="">y</var> as second.
 
    <li>
     <p>If <var title="">y</var> is infinite or NaN stop this algorithm.</p>
@@ -928,33 +959,64 @@ <h3 id=scroll-attributes><span class=secno>5.2. </span>The <code
    <li>
     <p>Align <a href="#content">content</a> y-coordinate <var
      title="">y</var> with the top of the <a href="#content-edge">content
-     edge</a> of <var>A</var>.
+     edge</a> of the element.
   </ol>
 
   <p>The <dfn id=dom-element-scrollleft><code>scrollLeft</code></dfn>
-   attribute, when called on element <var>A</var>, <em class=ct>must</em>
-   return the value that is the result of running the following algorithm:
+   attribute <em class=ct>must</em> return the result of running these steps:
 
   <ol>
    <li>
-    <p>If <var>A</var> does not have an associated CSS layout box return zero
-     and stop this algorithm.
+    <p>If the element does not have any associated CSS layout box or the
+     element is the root element and the <a
+     href="#document"><code>Document</code></a> is in <span>quirks
+     mode</span> return zero and terminate these steps.
+
+   <li>
+    <p>If the element is the root element return the value of <a
+     href="#dom-window-pagexoffset"><code>pageXOffset</code></a>.
+
+   <li>
+    <p>If the element is <a href="#the-html-body-element">the HTML
+     <code>body</code> element</a>, the <a
+     href="#document"><code>Document</code></a> is in <span>quirks
+     mode</span>, and the element does not have any overflow, return the
+     value of <a href="#dom-window-pagexoffset"><code>pageXOffset</code></a>.
 
    <li>
     <p>Return the x-coordinate of the <a href="#content">content</a> at the
      alignment point with the left of the <a href="#content-edge">content
-     edge</a> of <var>A</var>.
+     edge</a> of the element.
   </ol>
 
   <p>When setting the <a
-   href="#dom-element-scrollleft"><code>scrollLeft</code></a> attribute to
-   <var title="">x</var> on element <var>A</var>, user agents <em
-   class=ct>must</em> run the following algorithm:
+   href="#dom-element-scrollleft"><code>scrollLeft</code></a> attribute these
+   steps <em class=ct>must</em> be run:
 
   <ol>
    <li>
-    <p>If <var>A</var> does not have an associated CSS layout box or
-     horizontal overflow stop this algorithm.
+    <p>Let <var title="">x</var> be the given value.
+
+   <li>
+    <p>If the element does not have any associated CSS layout box, the
+     element is the root element and the <a
+     href="#document"><code>Document</code></a> is in <span>quirks
+     mode</span>, or the element has no overflow, terminate these steps.
+
+   <li>
+    <p>If the element is the root element invoke <a
+     href="#dom-window-screen"><code
+     title=dom-Window-screen>screen()</code></a> with <var title="">x</var>
+     as first argument and zero as second.
+
+   <li>
+    <p>If the element is <a href="#the-html-body-element">the HTML
+     <code>body</code> element</a>, the <a
+     href="#document"><code>Document</code></a> is in <span>quirks
+     mode</span>, and the element does not have any vertical overflow, invoke
+     <a href="#dom-window-screen"><code
+     title=dom-Window-screen>screen()</code></a> with <var title="">x</var>
+     as first argument and zero as second.
 
    <li>
     <p>If <var title="">x</var> is infinite or NaN stop this algorithm.</p>
@@ -1001,8 +1063,8 @@ <h3 id=scroll-attributes><span class=secno>5.2. </span>The <code
 
   <ol>
    <li>
-    <p>If <var>A</var> does not have an associated CSS layout box return zero
-     and stop this algorithm.
+    <p>If <var>A</var> does not have any associated CSS layout box return
+     zero and terminate these steps.
 
    <li>
     <p>Return the computed value of the <code>padding-left</code> property of
@@ -1017,8 +1079,8 @@ <h3 id=scroll-attributes><span class=secno>5.2. </span>The <code
 
   <ol>
    <li>
-    <p>If <var>A</var> does not have an associated CSS layout box return zero
-     and stop this algorithm.
+    <p>If <var>A</var> does not have any associated CSS layout box return
+     zero and stop this algorithm.
 
    <li>
     <p>Return the computed value of the <code>padding-top</code> property of

cssom-view/Overview.src.html

@@ -710,27 +710,47 @@ <h3 id="scroll-attributes">The <code title="">scrollTop</code>,
   <code title="">scrollHeight</code> attributes</h3>
 
   <p>The <dfn id="dom-element-scrolltop"><code>scrollTop</code></dfn>
-  attribute, when called on element <var>A</var>, <em class="ct">must</em>
-  return the value that is the result of running the following
-  algorithm:</p>
+  attribute <em class="ct">must</em> return the result of running these
+  steps:</p>
 
   <ol>
-   <li><p>If <var>A</var> does not have an associated CSS layout box return
-   zero and stop this algorithm.</p></li>
+   <li><p>If the element does not have any associated CSS layout box or the
+   element is the root element and the <code>Document</code> is in
+   <span>quirks mode</span> return zero and terminate these steps.</p></li>
+
+   <li><p>If the element is the root element return the value of
+   <code>pageYOffset</code>.</p></li>
+
+   <li><p>If the element is <span>the HTML <code>body</code> element</span>,
+   the <code>Document</code> is in <span>quirks mode</span>, and the element
+   does not have any overflow, return the value of
+   <code>pageYOffset</code>.</p></li>
 
    <li><p>Return the y-coordinate of the <span>content</span> at the
-   alignment point with the top of the <span>content edge</span> of
-   <var>A</var>.</p></li>
+   alignment point with the top of the <span>content edge</span> of the
+   element.</p></li>
   </ol>
 
-  <p>When setting the <code>scrollTop</code> attribute to
-  <var title="">y</var> on element <var>A</var>, user agents
-  <em class="ct">must</em> run the
-  following algorithm:</p>
+  <p>When setting the <code>scrollTop</code> attribute these steps
+  <em class="ct">must</em> be run:</p>
 
   <ol>
-   <li><p>If <var>A</var> does not have an associated CSS layout box or
-   vertical overflow stop this algorithm.</p></li>
+   <li><p>Let <var title="">y</var> be the given value.</p></li>
+
+   <li><p>If the element does not have any associated CSS layout box, the
+   element is the root element and the <code>Document</code> is in
+   <span>quirks mode</span>, 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-screen">screen()</code> with zero as first
+   argument and <var title="">y</var> as second.</p></li>
+
+   <li><p>If the element is <span>the HTML <code>body</code> element</span>,
+   the <code>Document</code> is in <span>quirks mode</span>, and the element
+   does not have any vertical overflow, invoke
+   <code title="dom-Window-screen">screen()</code> with zero as first
+   argument and <var title="">y</var> as second.</p></li>
 
    <li><p>If <var title="">y</var> is infinite or NaN stop this
    algorithm.</p>
@@ -741,30 +761,51 @@ <h3 id="scroll-attributes">The <code title="">scrollTop</code>,
    <li><p>If <var title="">y</var> is negative let it be zero.</p></li>
 
    <li><p>Align <span>content</span> y-coordinate <var title="">y</var> with
-   the top of the <span>content edge</span> of <var>A</var>.</p></li>
+   the top of the <span>content edge</span> of the element.</p></li>
   </ol>
 
   <p>The <dfn id="dom-element-scrollleft"><code>scrollLeft</code></dfn>
-  attribute, when called on element <var>A</var>,
-  <em class="ct">must</em> return the value that is the result of running the
-  following algorithm:</p>
+  attribute <em class="ct">must</em> return the result of running these
+  steps:</p>
 
   <ol>
-   <li><p>If <var>A</var> does not have an associated CSS layout box return
-   zero and stop this algorithm.</p></li>
+   <li><p>If the element does not have any associated CSS layout box or the
+   element is the root element and the <code>Document</code> is in
+   <span>quirks mode</span> return zero and terminate these steps.</p></li>
+
+   <li><p>If the element is the root element return the value of
+   <code>pageXOffset</code>.</p></li>
+
+   <li><p>If the element is <span>the HTML <code>body</code> element</span>,
+   the <code>Document</code> is in <span>quirks mode</span>, and the element
+   does not have any overflow, return the value of
+   <code>pageXOffset</code>.</p></li>
 
    <li><p>Return the x-coordinate of the <span>content</span> at the
-   alignment point with the left of the <span>content edge</span> of
-   <var>A</var>.</p></li>
+   alignment point with the left of the <span>content edge</span> of the
+   element.</p></li>
   </ol>
 
-  <p>When setting the <code>scrollLeft</code> attribute to <var title="">x</var>
-  on element <var>A</var>, user agents <em class="ct">must</em> run the
-  following algorithm:</p>
+  <p>When setting the <code>scrollLeft</code> attribute these steps
+  <em class="ct">must</em> be run:</p>
 
   <ol>
-   <li><p>If <var>A</var> does not have an associated CSS layout box or
-   horizontal overflow stop this algorithm.</p></li>
+   <li><p>Let <var title="">x</var> be the given value.</p></li>
+
+   <li><p>If the element does not have any associated CSS layout box, the
+   element is the root element and the <code>Document</code> is in
+   <span>quirks mode</span>, 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-screen">screen()</code> with
+   <var title="">x</var> as first argument and zero as second.</p></li>
+
+   <li><p>If the element is <span>the HTML <code>body</code> element</span>,
+   the <code>Document</code> is in <span>quirks mode</span>, and the element
+   does not have any vertical overflow, invoke
+   <code title="dom-Window-screen">screen()</code> with
+   <var title="">x</var> as first argument and zero as second.</p></li>
 
    <li><p>If <var title="">x</var> is infinite or NaN stop this
    algorithm.</p>
@@ -806,8 +847,8 @@ <h3 id="scroll-attributes">The <code title="">scrollTop</code>,
   algorithm:</p>
 
   <ol>
-   <li><p>If <var>A</var> does not have an associated CSS layout box return
-   zero and stop this algorithm.</p></li>
+   <li><p>If <var>A</var> does not have any associated CSS layout box return
+   zero and terminate these steps.</p></li>
 
    <li><p>Return the computed value of the <code>padding-left</code> property
    of <var>A</var>, plus the computed value of the <code>padding-right</code>
@@ -821,7 +862,7 @@ <h3 id="scroll-attributes">The <code title="">scrollTop</code>,
   algorithm:</p>
 
   <ol>
-   <li><p>If <var>A</var> does not have an associated CSS layout box return
+   <li><p>If <var>A</var> does not have any associated CSS layout box return
    zero and stop this algorithm.</p></li>
 
    <li><p>Return the computed value of the <code>padding-top</code> property