[cssom-view] Make 'scrolling area' aware of right-to-left

Author: Simon Pieters

cssom-view/Overview.html

@@ -249,13 +249,26 @@ <h2 id="terminology"><span class="secno">3 </span>Terminology</h2>
  <dt>top edge
  <dd><p>The element's top <a href="#padding-edge">padding edge</a>.
  <dt>right edge
- <dd><p>The right-most edge of the element's right <a href="#padding-edge">padding edge</a> and the right <a href="#margin-edge">margin edge</a> of the element's all descendant boxes,
- excluding boxes that have an ancestor of element as their containing block.
+ <dd>
+  <dl class="switch">
+   <dt>If the element can have overflow to the right
+   <dd><p>The right-most edge of the element's right <a href="#padding-edge">padding edge</a> and the right <a href="#margin-edge">margin edge</a> of the element's all descendant boxes,
+   excluding boxes that have an ancestor of element as their containing block.
+   <dt>If the element can have overflow to the left (under right-to-left conditions)
+   <dd><p>The element's right <a href="#padding-edge">padding edge</a>.
+  </dl>
  <dt>bottom edge
  <dd><p>The bottom-most edge of the element's bottom <a href="#padding-edge">padding edge</a> and the bottom <a href="#margin-edge">margin edge</a> of the element's all descendant boxes,
  excluding boxes that have an ancestor of element as their containing block.
  <dt>left edge
- <dd><p>The element's left <a href="#padding-edge">padding edge</a>.
+ <dd>
+  <dl class="switch">
+   <dt>If the element can have overflow to the right
+   <dd><p>The element's left <a href="#padding-edge">padding edge</a>.
+   <dt>If the element can have overflow to the left (under right-to-left conditions)
+   <dd><p>The left-most edge of the element's left <a href="#padding-edge">padding edge</a> and the left <a href="#margin-edge">margin edge</a> of the element's all descendant boxes,
+   excluding boxes that have an ancestor of element as their containing block.
+  </dl>
 </dl>
 
 <p>The term <dfn id="document-content">document content</dfn> refers to the area on the
@@ -396,7 +409,7 @@ <h2 id="extensions-to-the-window-interface"><span class="secno">5 </span>Extensi
 <p>When the <dfn id="dom-window-scroll" title="dom-Window-scroll"><code>scroll(<var title="">x</var>, <var title="">y</var>, <var title="">options</var>)</code></dfn> method is invoked these steps must be run:</p>
 <ol>
  <li><p>If there is no <a href="#viewport">viewport</a>, abort these steps.
-  <dl>
+  <dl class="switch">
    <dt>If <a href="#document-content">document content</a> can have overflow to the right
    <dd><p>Let <var title="">x</var> be max(0, min(<var title="">x</var>,
    <a href="#scrolling-area">scrolling area</a> width - <a href="#padding-edge">padding edge</a>

cssom-view/Overview.src.html

@@ -219,13 +219,26 @@ <h2>Terminology</h2>
  <dt>top edge
  <dd><p>The element's top <span>padding edge</span>.
  <dt>right edge
- <dd><p>The right-most edge of the element's right <span>padding edge</span> and the right <span>margin edge</span> of the element's all descendant boxes,
- excluding boxes that have an ancestor of element as their containing block.
+ <dd>
+  <dl class=switch>
+   <dt>If the element can have overflow to the right
+   <dd><p>The right-most edge of the element's right <span>padding edge</span> and the right <span>margin edge</span> of the element's all descendant boxes,
+   excluding boxes that have an ancestor of element as their containing block.
+   <dt>If the element can have overflow to the left (under right-to-left conditions)
+   <dd><p>The element's right <span>padding edge</span>.
+  </dl>
  <dt>bottom edge
  <dd><p>The bottom-most edge of the element's bottom <span>padding edge</span> and the bottom <span>margin edge</span> of the element's all descendant boxes,
  excluding boxes that have an ancestor of element as their containing block.
  <dt>left edge
- <dd><p>The element's left <span>padding edge</span>.
+ <dd>
+  <dl class=switch>
+   <dt>If the element can have overflow to the right
+   <dd><p>The element's left <span>padding edge</span>.
+   <dt>If the element can have overflow to the left (under right-to-left conditions)
+   <dd><p>The left-most edge of the element's left <span>padding edge</span> and the left <span>margin edge</span> of the element's all descendant boxes,
+   excluding boxes that have an ancestor of element as their containing block.
+  </dl>
 </dl>
 
 <p>The term <dfn>document content</dfn> refers to the area on the
@@ -366,7 +379,7 @@ <h2>Extensions to the <code title>Window</code> Interface</h2>
 <p>When the <dfn title=dom-Window-scroll><code>scroll(<var title>x</var>, <var title>y</var>, <var title>options</var>)</code></dfn> method is invoked these steps must be run:</p>
 <ol>
  <li><p>If there is no <span>viewport</span>, abort these steps.
-  <dl>
+  <dl class=switch>
    <dt>If <span>document content</span> can have overflow to the right
    <dd><p>Let <var title>x</var> be max(0, min(<var title>x</var>,
    <span>scrolling area</span> width - <span>padding edge</span>