[cssom-view] Make 'scrolling area' aware of vertical writing modes

Fri, 31 May 2013 12:14:19 +0200

author
Simon Pieters <simonp@opera.com>
date
Fri, 31 May 2013 12:14:19 +0200
changeset 8315
ed75c8f22fa1
parent 8314
69820a601f02
child 8316
4173a32e6fc9

[cssom-view] Make 'scrolling area' aware of vertical writing modes

cssom-view/Overview.html file | annotate | diff | comparison | revisions
cssom-view/Overview.src.html file | annotate | diff | comparison | revisions
     1.1 --- a/cssom-view/Overview.html	Fri May 31 11:09:49 2013 +0200
     1.2 +++ b/cssom-view/Overview.html	Fri May 31 12:14:19 2013 +0200
     1.3 @@ -29,7 +29,7 @@
     1.4  
     1.5   <h1>CSSOM View Module</h1>
     1.6  
     1.7 - <h2 class="no-num no-toc" id="w3c-doctype">Editor's Draft 30 May 2013</h2>
     1.8 + <h2 class="no-num no-toc" id="w3c-doctype">Editor's Draft 31 May 2013</h2>
     1.9  
    1.10   <dl>
    1.11  
    1.12 @@ -88,7 +88,7 @@
    1.13  can be found in the <a href="http://www.w3.org/TR/">W3C technical reports
    1.14  index at http://www.w3.org/TR/.</a></em>
    1.15  
    1.16 -<p>This is the 30 May 2013 Editor's Draft of CSSOM View. Please send
    1.17 +<p>This is the 31 May 2013 Editor's Draft of CSSOM View. Please send
    1.18  comments to
    1.19  <a href="mailto:www-style@w3.org?subject=%5Bcssom-view%5D%20">www-style@w3.org</a>
    1.20  (<a href="http://lists.w3.org/Archives/Public/www-style/">archived</a>)
    1.21 @@ -243,32 +243,69 @@
    1.22  case that element acts as viewport and initial containing block.
    1.23  <!--<span data-anolis-ref>CSS</span>-->
    1.24  
    1.25 -<p>The term <dfn id="scrolling-area">scrolling area</dfn> refers to a box of an element that has the following edges:
    1.26 +<p><dfn id="block-flow-direction">Block flow direction</dfn> and <dfn id="inline-base-direction">inline base direction</dfn> are defined in CSS Writing Modes Module. <a href="#refsCSSWRITINGMODES">[CSSWRITINGMODES]</a>
    1.27  
    1.28 -<dl>
    1.29 - <dt>top edge
    1.30 - <dd><p>The element's top <a href="#padding-edge">padding edge</a>.
    1.31 - <dt>right edge
    1.32 +<p>The term <dfn id="scrolling-area">scrolling area</dfn> refers to a box of an element that has the following edges, depending on the element's <a href="#block-flow-direction">block flow direction</a> and <a href="#inline-base-direction">inline base direction</a>.
    1.33 +
    1.34 +<dl class="switch">
    1.35 + <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
    1.36 + <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
    1.37   <dd>
    1.38 -  <dl class="switch">
    1.39 -   <dt>If the element can have overflow to the right
    1.40 +  <dl>
    1.41 +   <dt>top edge
    1.42 +   <dd><p>The element's top <a href="#padding-edge">padding edge</a>.
    1.43 +   <dt>right edge
    1.44     <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,
    1.45     excluding boxes that have an ancestor of element as their containing block.
    1.46 -   <dt>If the element can have overflow to the left (under right-to-left conditions)
    1.47 +   <dt>bottom edge
    1.48 +   <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,
    1.49 +   excluding boxes that have an ancestor of element as their containing block.
    1.50 +   <dt>left edge
    1.51 +   <dd><p>The element's left <a href="#padding-edge">padding edge</a>.
    1.52 +  </dl>
    1.53 + <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 right-to-left
    1.54 + <dt>If the <a href="#block-flow-direction">block flow direction</a> is right-to-left and the <a href="#inline-base-direction">inline base direction</a> is left-to-right
    1.55 + <dd>
    1.56 +  <dl>
    1.57 +   <dt>top edge
    1.58 +   <dd><p>The element's top <a href="#padding-edge">padding edge</a>.
    1.59 +   <dt>right edge
    1.60     <dd><p>The element's right <a href="#padding-edge">padding edge</a>.
    1.61 -  </dl>
    1.62 - <dt>bottom edge
    1.63 - <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,
    1.64 - excluding boxes that have an ancestor of element as their containing block.
    1.65 - <dt>left edge
    1.66 - <dd>
    1.67 -  <dl class="switch">
    1.68 -   <dt>If the element can have overflow to the right
    1.69 -   <dd><p>The element's left <a href="#padding-edge">padding edge</a>.
    1.70 -   <dt>If the element can have overflow to the left (under right-to-left conditions)
    1.71 +   <dt>bottom edge
    1.72 +   <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,
    1.73 +   excluding boxes that have an ancestor of element as their containing block.
    1.74 +   <dt>left edge
    1.75     <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,
    1.76     excluding boxes that have an ancestor of element as their containing block.
    1.77    </dl>
    1.78 + <dt>If the <a href="#block-flow-direction">block flow direction</a> is right-to-left and the <a href="#inline-base-direction">inline base direction</a> is right-to-left
    1.79 + <dd>
    1.80 +  <dl>
    1.81 +   <dt>top edge
    1.82 +   <dd><p>The top-most edge of the element's top <a href="#padding-edge">padding edge</a> and the top <a href="#margin-edge">margin edge</a> of the element's all descendant boxes,
    1.83 +   excluding boxes that have an ancestor of element as their containing block.
    1.84 +   <dt>right edge
    1.85 +   <dd><p>The element's right <a href="#padding-edge">padding edge</a>.
    1.86 +   <dt>bottom edge
    1.87 +   <dd><p>The element's bottom <a href="#padding-edge">padding edge</a>.
    1.88 +   <dt>left edge
    1.89 +   <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,
    1.90 +   excluding boxes that have an ancestor of element as their containing block.
    1.91 +  </dl>
    1.92 + <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 right-to-left
    1.93 + <dd>
    1.94 +  <dl>
    1.95 +   <dt>top edge
    1.96 +   <dd><p>The top-most edge of the element's top <a href="#padding-edge">padding edge</a> and the top <a href="#margin-edge">margin edge</a> of the element's all descendant boxes,
    1.97 +   excluding boxes that have an ancestor of element as their containing block.
    1.98 +   <dt>right edge
    1.99 +   <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,
   1.100 +   excluding boxes that have an ancestor of element as their containing block.
   1.101 +   <dt>bottom edge
   1.102 +   <dd><p>The element's bottom <a href="#padding-edge">padding edge</a>.
   1.103 +   <dt>left edge
   1.104 +   <dd><p>The element's left <a href="#padding-edge">padding edge</a>.
   1.105 +  </dl>
   1.106  </dl>
   1.107  
   1.108  <p>The term <dfn id="document-content">document content</dfn> refers to the area on the
   1.109 @@ -1303,6 +1340,9 @@
   1.110  <div id="anolis-references"><dl><dt id="refsCSSOM">[CSSOM]
   1.111  <dd><cite><a href="http://dev.w3.org/csswg/cssom/">CSS Object Model (CSSOM)</a></cite>, Glenn Adams and Simon Pieters. W3C.
   1.112  
   1.113 +<dt id="refsCSSWRITINGMODES">[CSSWRITINGMODES]
   1.114 +<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.
   1.115 +
   1.116  <dt id="refsDOM">[DOM]
   1.117  <dd><cite><a href="http://dom.spec.whatwg.org/">DOM</a></cite>, Anne van Kesteren, Aryeh Gregor and Ms2ger. WHATWG.
   1.118  
     2.1 --- a/cssom-view/Overview.src.html	Fri May 31 11:09:49 2013 +0200
     2.2 +++ b/cssom-view/Overview.src.html	Fri May 31 12:14:19 2013 +0200
     2.3 @@ -213,32 +213,69 @@
     2.4  case that element acts as viewport and initial containing block.
     2.5  <!--<span data-anolis-ref>CSS</span>-->
     2.6  
     2.7 -<p>The term <dfn>scrolling area</dfn> refers to a box of an element that has the following edges:
     2.8 +<p><dfn>Block flow direction</dfn> and <dfn>inline base direction</dfn> are defined in CSS Writing Modes Module. <span data-anolis-ref>CSSWRITINGMODES</span>
     2.9  
    2.10 -<dl>
    2.11 - <dt>top edge
    2.12 - <dd><p>The element's top <span>padding edge</span>.
    2.13 - <dt>right edge
    2.14 +<p>The term <dfn>scrolling area</dfn> refers to a box of an element that has the following edges, depending on the element's <span>block flow direction</span> and <span>inline base direction</span>.
    2.15 +
    2.16 +<dl class=switch>
    2.17 + <dt>If the <span>block flow direction</span> is top-to-bottom and the <span>inline base direction</span> is left-to-right
    2.18 + <dt>If the <span>block flow direction</span> is left-to-right and the <span>inline base direction</span> is left-to-right
    2.19   <dd>
    2.20 -  <dl class=switch>
    2.21 -   <dt>If the element can have overflow to the right
    2.22 +  <dl>
    2.23 +   <dt>top edge
    2.24 +   <dd><p>The element's top <span>padding edge</span>.
    2.25 +   <dt>right edge
    2.26     <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,
    2.27     excluding boxes that have an ancestor of element as their containing block.
    2.28 -   <dt>If the element can have overflow to the left (under right-to-left conditions)
    2.29 +   <dt>bottom edge
    2.30 +   <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,
    2.31 +   excluding boxes that have an ancestor of element as their containing block.
    2.32 +   <dt>left edge
    2.33 +   <dd><p>The element's left <span>padding edge</span>.
    2.34 +  </dl>
    2.35 + <dt>If the <span>block flow direction</span> is top-to-bottom and the <span>inline base direction</span> is right-to-left
    2.36 + <dt>If the <span>block flow direction</span> is right-to-left and the <span>inline base direction</span> is left-to-right
    2.37 + <dd>
    2.38 +  <dl>
    2.39 +   <dt>top edge
    2.40 +   <dd><p>The element's top <span>padding edge</span>.
    2.41 +   <dt>right edge
    2.42     <dd><p>The element's right <span>padding edge</span>.
    2.43 -  </dl>
    2.44 - <dt>bottom edge
    2.45 - <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,
    2.46 - excluding boxes that have an ancestor of element as their containing block.
    2.47 - <dt>left edge
    2.48 - <dd>
    2.49 -  <dl class=switch>
    2.50 -   <dt>If the element can have overflow to the right
    2.51 -   <dd><p>The element's left <span>padding edge</span>.
    2.52 -   <dt>If the element can have overflow to the left (under right-to-left conditions)
    2.53 +   <dt>bottom edge
    2.54 +   <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,
    2.55 +   excluding boxes that have an ancestor of element as their containing block.
    2.56 +   <dt>left edge
    2.57     <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,
    2.58     excluding boxes that have an ancestor of element as their containing block.
    2.59    </dl>
    2.60 + <dt>If the <span>block flow direction</span> is right-to-left and the <span>inline base direction</span> is right-to-left
    2.61 + <dd>
    2.62 +  <dl>
    2.63 +   <dt>top edge
    2.64 +   <dd><p>The top-most edge of the element's top <span>padding edge</span> and the top <span>margin edge</span> of the element's all descendant boxes,
    2.65 +   excluding boxes that have an ancestor of element as their containing block.
    2.66 +   <dt>right edge
    2.67 +   <dd><p>The element's right <span>padding edge</span>.
    2.68 +   <dt>bottom edge
    2.69 +   <dd><p>The element's bottom <span>padding edge</span>.
    2.70 +   <dt>left edge
    2.71 +   <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,
    2.72 +   excluding boxes that have an ancestor of element as their containing block.
    2.73 +  </dl>
    2.74 + <dt>If the <span>block flow direction</span> is left-to-right and the <span>inline base direction</span> is right-to-left
    2.75 + <dd>
    2.76 +  <dl>
    2.77 +   <dt>top edge
    2.78 +   <dd><p>The top-most edge of the element's top <span>padding edge</span> and the top <span>margin edge</span> of the element's all descendant boxes,
    2.79 +   excluding boxes that have an ancestor of element as their containing block.
    2.80 +   <dt>right edge
    2.81 +   <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,
    2.82 +   excluding boxes that have an ancestor of element as their containing block.
    2.83 +   <dt>bottom edge
    2.84 +   <dd><p>The element's bottom <span>padding edge</span>.
    2.85 +   <dt>left edge
    2.86 +   <dd><p>The element's left <span>padding edge</span>.
    2.87 +  </dl>
    2.88  </dl>
    2.89  
    2.90  <p>The term <dfn>document content</dfn> refers to the area on the

mercurial