Fri, 31 May 2013 12:14:19 +0200
[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