[cssom-view] Apply transforms for ClientRect. <http://www.w3.org/mid/CAOp6jLYTCTYMwGVNSyvum7SbGfSsOh8GU59j5dRa+Z+CT1T7rw@mail.gmail.com>

Author: Simon Pieters

cssom-view/Overview.html

@@ -966,7 +966,8 @@ <h3 id="the-caretposition-interface"><span class="secno">6.1 </span>The <code ti
   </ol>
  <li><p>If <a href="#caret-node">caret node</a> is a text entry widget that is a replaced element,
  and that is in the document, return a <code><a href="#clientrect">ClientRect</a></code> object for the caret
- in the widget as represented by the <a href="#caret-offset">caret offset</a> value.
+ in the widget as represented by the <a href="#caret-offset">caret offset</a> value. The SVG transforms and CSS transforms that apply to the element and its ancestors are
+ applied. <a href="#refsSVG">[SVG]</a> <a href="#refsCSSTRANSFORMS">[CSSTRANSFORMS]</a>
  <li><p>Return null.
 </ol>
 
@@ -1001,14 +1002,16 @@ <h2 id="extensions-to-the-element-interface"><span class="secno">7 </span>Extens
  <li><p>If the element has an associated <a href="#svg-layout-box">SVG layout box</a> return a
  <code><a href="#clientrectlist">ClientRectList</a></code> object containing a single
  <code><a href="#clientrect">ClientRect</a></code> object that describes the bounding box of the
- element as defined by the SVG specification.
- <a href="#refsSVG">[SVG]</a></li>
+ element as defined by the SVG specification, applying the SVG transforms and CSS transforms that apply to the element and its ancestors.
+ <a href="#refsSVG">[SVG]</a> <a href="#refsCSSTRANSFORMS">[CSSTRANSFORMS]</a></li>
  <li>
   <p>Return a <code><a href="#clientrectlist">ClientRectList</a></code> object containing a list of
   <code><a href="#clientrect">ClientRect</a></code> objects in content order describing the border
   boxes (including those with a height or width of zero) with the
   following constraints:</p>
   <ul>
+   <li><p>Apply the SVG transforms and CSS transforms that apply to the element and its ancestors. <a href="#refsSVG">[SVG]</a>
+   <a href="#refsCSSTRANSFORMS">[CSSTRANSFORMS]</a>
    <li><p>If the element on which the method was invoked has a computed
    value for the 'display' property of 'table' or
    'inline-table' include both the table box and the caption
@@ -1472,7 +1475,8 @@ <h2 id="extensions-to-the-range-interface"><span class="secno">9 </span>Extensio
  whole line box). The bounds of these <code><a href="#clientrect">ClientRect</a></code> objects are
  computed using font metrics; thus, for horizontal writing, the vertical
  dimension of each box is determined by the font ascent and descent, and
- the horizontal dimension by the text advance width.</li>
+ the horizontal dimension by the text advance width. The SVG transforms and CSS transforms that apply to the ancestors are applied.
+ <a href="#refsSVG">[SVG]</a> <a href="#refsCSSTRANSFORMS">[CSSTRANSFORMS]</a></li>
 </ul>
 
 <p>The <dfn id="dom-range-getboundingclientrect" title="dom-Range-getBoundingClientRect"><code>getBoundingClientRect()</code></dfn> method, when invoked, must return the result of the following
@@ -1697,6 +1701,9 @@ <h2 class="no-num" id="references">References</h2>
 <dt id="refsCSSOM">[CSSOM]
 <dd><cite><a href="http://dev.w3.org/csswg/cssom/">CSS Object Model (CSSOM)</a></cite>, Simon Pieters and Glenn Adams. W3C.
 
+<dt id="refsCSSTRANSFORMS">[CSSTRANSFORMS]
+<dd><cite><a href="http://dev.w3.org/csswg/css-transforms/">CSS Transforms</a></cite>, Simon Fraser, Dean Jackson, Edward O'Connor et al.. W3C.
+
 <dt id="refsCSSWRITINGMODES">[CSSWRITINGMODES]
 <dd><cite><a href="http://dev.w3.org/csswg/css-writing-modes/">CSS Writing Modes Module</a></cite>, Elika J. Etemad and Koji Ishii. W3C.
 

cssom-view/Overview.src.html

@@ -927,7 +927,8 @@ <h3>The <code title>CaretPosition</code> Interface</h3>
   </ol>
  <li><p>If <span>caret node</span> is a text entry widget that is a replaced element,
  and that is in the document, return a <code>ClientRect</code> object for the caret
- in the widget as represented by the <span>caret offset</span> value.
+ in the widget as represented by the <span>caret offset</span> value. The SVG transforms and CSS transforms that apply to the element and its ancestors are
+ applied. <span data-anolis-ref>SVG</span> <span data-anolis-ref>CSSTRANSFORMS</span>
  <li><p>Return null.
 </ol>
 
@@ -962,14 +963,16 @@ <h2>Extensions to the <code title>Element</code> Interface</h2>
  <li><p>If the element has an associated <span>SVG layout box</span> return a
  <code>ClientRectList</code> object containing a single
  <code>ClientRect</code> object that describes the bounding box of the
- element as defined by the SVG specification.
- <span data-anolis-ref>SVG</span></li>
+ element as defined by the SVG specification, applying the SVG transforms and CSS transforms that apply to the element and its ancestors.
+ <span data-anolis-ref>SVG</span> <span data-anolis-ref>CSSTRANSFORMS</span></li>
  <li>
   <p>Return a <code>ClientRectList</code> object containing a list of
   <code>ClientRect</code> objects in content order describing the border
   boxes (including those with a height or width of zero) with the
   following constraints:</p>
   <ul>
+   <li><p>Apply the SVG transforms and CSS transforms that apply to the element and its ancestors. <span data-anolis-ref>SVG</span>
+   <span data-anolis-ref>CSSTRANSFORMS</span>
    <li><p>If the element on which the method was invoked has a computed
    value for the 'display' property of 'table' or
    'inline-table' include both the table box and the caption
@@ -1433,7 +1436,8 @@ <h2>Extensions to the <code title>Range</code> Interface</h2>
  whole line box). The bounds of these <code>ClientRect</code> objects are
  computed using font metrics; thus, for horizontal writing, the vertical
  dimension of each box is determined by the font ascent and descent, and
- the horizontal dimension by the text advance width.</li>
+ the horizontal dimension by the text advance width. The SVG transforms and CSS transforms that apply to the ancestors are applied.
+ <span data-anolis-ref>SVG</span> <span data-anolis-ref>CSSTRANSFORMS</span></li>
 </ul>
 
 <p>The <dfn title=dom-Range-getBoundingClientRect><code>getBoundingClientRect()</code></dfn> method, when invoked, must return the result of the following