changeset
[css-overflow] Call the intial value of continue auto rather than next
Wed, 11 Mar 2015 21:44:42 +0100
- author
- Florian Rivoal <[email protected]>
- date
- Wed, 11 Mar 2015 21:44:42 +0100
- changeset 15293
- 0e204dd1baf1
- parent 15292
- a8aa22478168
- child 15294
- 28f78777a1ad
[css-overflow] Call the intial value of continue auto rather than next
| css-overflow/Overview.bs | file | annotate | diff | comparison | revisions | |
| css-overflow/Overview.html | file | annotate | diff | comparison | revisions |
1.1 --- a/css-overflow/Overview.bs Tue Mar 10 16:27:01 2015 -0700 1.2 +++ b/css-overflow/Overview.bs Wed Mar 11 21:44:42 2015 +0100 1.3 @@ -380,7 +380,7 @@ 1.4 1.5 <pre class=propdef> 1.6 Name: overflow-x, overflow-y 1.7 - Value: ''visible'' | ''hidden'' | ''scroll'' | ''auto'' 1.8 + Value: ''visible'' | ''hidden'' | ''scroll'' | ''overflow/auto'' 1.9 Initial: ''visible'' 1.10 Applies to: block containers [[!CSS21]], flex containers [[!CSS3-FLEXBOX]], and grid containers [[!CSS3-GRID-LAYOUT]] 1.11 Inherited: no 1.12 @@ -399,7 +399,7 @@ 1.13 1.14 <pre class=propdef> 1.15 Name: overflow 1.16 - Value: ''visible'' | ''hidden'' | ''scroll'' | ''auto'' 1.17 + Value: ''visible'' | ''hidden'' | ''scroll'' | ''overflow/auto'' 1.18 Initial: see individual properties 1.19 Applies to: block containers [[!CSS21]], flex containers [[!CSS3-FLEXBOX]], and grid containers [[!CSS3-GRID-LAYOUT]] 1.20 Inherited: no 1.21 @@ -477,8 +477,8 @@ 1.22 1.23 <pre class=propdef> 1.24 Name: continue 1.25 - Value: ''next'' | ''overflow'' | ''paginate'' | ''fragments'' | ''discard'' 1.26 - Initial: next 1.27 + Value: ''continue/auto'' | ''overflow'' | ''paginate'' | ''fragments'' | ''discard'' 1.28 + Initial: auto 1.29 Applies to: block containers [[!CSS21]], flex containers [[!CSS3-FLEXBOX]], and grid containers [[!CSS3-GRID-LAYOUT]] 1.30 Inherited: no 1.31 Percentages: N/A 1.32 @@ -503,13 +503,13 @@ 1.33 while ''continue: paginate'' replaces "overflow: paged-x | paged-y | paged-x-controls | paged-y-controls" 1.34 1.35 <dl dfn-for="continue" dfn-type="value"> 1.36 - <dt><dfn>next</dfn> 1.37 - <dd>Content that doesn't fit is pushed to the next region 1.38 + <dt><dfn>auto</dfn> 1.39 + <dd>''continue/auto'' may only occur as a computed value 1.40 if the element is a <a spec="css-regions">CSS Region</a> 1.41 - other than the last one in a <a spec="css-regions">region chain</a>, 1.42 - or to the next page if the element is part of a page chain, 1.43 - or to the next <a>fragment box</a> if the element is a <a>fragment box</a> 1.44 - Otherwise, it overflows. 1.45 + other than the last one in a <a spec="css-regions">region chain</a>. 1.46 + Content that doesn't fit is pushed to the next region of the chain. 1.47 + 1.48 + In all other cases, ''continue/auto'' computes to one of the other values. 1.49 1.50 <dt><dfn>overflow</dfn> 1.51 <dd>Content that doesn't fit overflows, according to the 'overflow' property 1.52 @@ -539,10 +539,10 @@ 1.53 1.54 The computed value of the 'continue' for a given element or pseudo element is determined as follow: 1.55 <ol> 1.56 - <li>If the specified value is ''continue/next'' 1.57 + <li>If the specified value is ''continue/auto'' 1.58 <ol> 1.59 <li>On a <a spec="css-regions">CSS Region</a> other than the last one in a <a spec="css-regions">region chain</a>, 1.60 - the computed value is ''continue/next'' 1.61 + the computed value is ''continue/auto'' 1.62 <li>On a page 1.63 the computed value is ''continue/paginate'' 1.64 <li>On a <a>fragment box</a> 1.65 @@ -559,8 +559,8 @@ 1.66 </ol> 1.67 1.68 Issue: If we introduce a pseudo element that can select columns in a multicol, 1.69 -we would need to specify that next computes to next on it, 1.70 -or introduce a new value and have next compute to that 1.71 +we would need to specify that auto computes to auto on it, 1.72 +or introduce a new value and have auto compute to that 1.73 (but what would that value compute to on things that aren't columns?). 1.74 1.75 Note: For background discussions leading to this property, see these threads: 1.76 @@ -577,7 +577,7 @@ 1.77 1.78 <div class="issue"> 1.79 Should traditional pagination (e.g. when printing) 1.80 -be expressed through some magic in the computed value of ''continue: next'', 1.81 +be expressed through some magic in the computed value of ''continue/auto'', 1.82 or by inserting this in the UA stylesheet: 1.83 <pre><code class="lang-css"> 1.84 @media (overflow-block: paged), (overflow-block: optional-paged) {
2.1 --- a/css-overflow/Overview.html Tue Mar 10 16:27:01 2015 -0700 2.2 +++ b/css-overflow/Overview.html Wed Mar 11 21:44:42 2015 +0100 2.3 @@ -767,7 +767,7 @@ 2.4 <h1 class="p-name no-ref" id="title">CSS Overflow Module Level 3</h1> 2.5 2.6 <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, 2.7 - <time class="dt-updated" datetime="2015-03-03">3 March 2015</time></span></h2> 2.8 + <time class="dt-updated" datetime="2015-03-11">11 March 2015</time></span></h2> 2.9 2.10 <div data-fill-with="spec-metadata"> 2.11 <dl> 2.12 @@ -1408,10 +1408,10 @@ 2.13 <td><dfn class="css" data-dfn-type="property" data-export="" id="propdef-continue">continue<a class="self-link" href="#propdef-continue"></a></dfn> 2.14 <tr> 2.15 <th>Value: 2.16 - <td class="prod"><a class="css" data-link-type="maybe" href="#valdef-continue-next">next</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-overflow">overflow</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-paginate">paginate</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-fragments">fragments</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-discard">discard</a> 2.17 + <td class="prod"><a class="css" data-link-type="maybe" href="#valdef-continue-auto">auto</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-overflow">overflow</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-paginate">paginate</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-fragments">fragments</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-discard">discard</a> 2.18 <tr> 2.19 <th>Initial: 2.20 - <td>next 2.21 + <td>auto 2.22 <tr> 2.23 <th>Applies to: 2.24 <td>block containers <a data-link-type="biblio" href="#biblio-css21">[CSS21]</a>, flex containers <a data-link-type="biblio" href="#biblio-css3-flexbox">[CSS3-FLEXBOX]</a>, and grid containers <a data-link-type="biblio" href="#biblio-css3-grid-layout">[CSS3-GRID-LAYOUT]</a> 2.25 @@ -1454,14 +1454,16 @@ 2.26 2.27 <dl> 2.28 2.29 - <dt><dfn class="css" data-dfn-for="continue" data-dfn-type="value" data-export="" id="valdef-continue-next">next<a class="self-link" href="#valdef-continue-next"></a></dfn> 2.30 + <dt><dfn class="css" data-dfn-for="continue" data-dfn-type="value" data-export="" id="valdef-continue-auto">auto<a class="self-link" href="#valdef-continue-auto"></a></dfn> 2.31 2.32 - <dd>Content that doesn’t fit is pushed to the next region 2.33 + <dd><a class="css" data-link-type="maybe" href="#valdef-continue-auto">auto</a> may only occur as a computed value 2.34 if the element is a <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-regions-1/#css-region">CSS Region</a> 2.35 - other than the last one in a <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-regions-1/#region-chain">region chain</a>, 2.36 - or to the next page if the element is part of a page chain, 2.37 - or to the next <a data-link-type="dfn" href="#fragment-box">fragment box</a> if the element is a <a data-link-type="dfn" href="#fragment-box">fragment box</a> 2.38 - Otherwise, it overflows. 2.39 + other than the last one in a <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-regions-1/#region-chain">region chain</a>. 2.40 + Content that doesn’t fit is pushed to the next region of the chain. 2.41 + 2.42 + 2.43 + <p>In all other cases, <a class="css" data-link-type="maybe" href="#valdef-continue-auto">auto</a> computes to one of the other values.</p> 2.44 + 2.45 2.46 2.47 <dt><dfn class="css" data-dfn-for="continue" data-dfn-type="value" data-export="" id="valdef-continue-overflow">overflow<a class="self-link" href="#valdef-continue-overflow"></a></dfn> 2.48 @@ -1513,12 +1515,12 @@ 2.49 2.50 <ol> 2.51 2.52 - <li>If the specified value is <a class="css" data-link-type="maybe" href="#valdef-continue-next">next</a> 2.53 + <li>If the specified value is <a class="css" data-link-type="maybe" href="#valdef-continue-auto">auto</a> 2.54 2.55 <ol> 2.56 2.57 <li>On a <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-regions-1/#css-region">CSS Region</a> other than the last one in a <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-regions-1/#region-chain">region chain</a>, 2.58 - the computed value is <a class="css" data-link-type="maybe" href="#valdef-continue-next">next</a> 2.59 + the computed value is <a class="css" data-link-type="maybe" href="#valdef-continue-auto">auto</a> 2.60 2.61 <li>On a page 2.62 the computed value is <a class="css" data-link-type="maybe" href="#valdef-continue-paginate">paginate</a> 2.63 @@ -1547,9 +1549,9 @@ 2.64 </ol> 2.65 2.66 2.67 - <p class="issue" id="issue-598fb492"><a class="self-link" href="#issue-598fb492"></a>If we introduce a pseudo element that can select columns in a multicol, 2.68 -we would need to specify that next computes to next on it, 2.69 -or introduce a new value and have next compute to that 2.70 + <p class="issue" id="issue-53644667"><a class="self-link" href="#issue-53644667"></a>If we introduce a pseudo element that can select columns in a multicol, 2.71 +we would need to specify that auto computes to auto on it, 2.72 +or introduce a new value and have auto compute to that 2.73 (but what would that value compute to on things that aren’t columns?).</p> 2.74 2.75 2.76 @@ -1570,9 +1572,9 @@ 2.77 <p class="issue" id="issue-338ad0f3"><a class="self-link" href="#issue-338ad0f3"></a>Pages should be possible to style with @page rules. How does that work for nested pages?</p> 2.78 2.79 2.80 - <div class="issue" id="issue-0cd83080"><a class="self-link" href="#issue-0cd83080"></a> 2.81 + <div class="issue" id="issue-67ad77e5"><a class="self-link" href="#issue-67ad77e5"></a> 2.82 Should traditional pagination (e.g. when printing) 2.83 -be expressed through some magic in the computed value of <a class="css" data-link-type="propdesc" href="#propdef-continue">continue: next</a>, 2.84 +be expressed through some magic in the computed value of <a class="css" data-link-type="maybe" href="#valdef-continue-auto">auto</a>, 2.85 or by inserting this in the UA stylesheet: 2.86 2.87 <pre><code class="lang-css">@media (overflow-block: paged), (overflow-block: optional-paged) { 2.88 @@ -2466,7 +2468,11 @@ 2.89 <ul class="indexlist"> 2.90 <li>3d-preserving child, <a href="#3d_preserving-child">2.2</a> 2.91 <li>3d-preserving descendant, <a href="#3d_preserving-descendant">2.2</a> 2.92 - <li>auto, <a href="#valdef-overflow-auto">3</a> 2.93 + <li>auto 2.94 + <ul> 2.95 + <li>value for overflow, <a href="#valdef-overflow-auto">3</a> 2.96 + <li>value for continue, <a href="#valdef-continue-auto">4</a> 2.97 + </ul> 2.98 <li>border-box overflow, <a href="#border_box-overflow">2.3</a> 2.99 <li>border-box overflow rectangle, <a href="#border_box-overflow-rectangle">2.3</a> 2.100 <li>border-box overflow region, <a href="#border_box-overflow-region">2.3</a> 2.101 @@ -2480,7 +2486,6 @@ 2.102 <li>ink overflow region, <a href="#ink-overflow-region">2.1</a> 2.103 <li><integer>, <a href="#valdef-max-lines-integer">6.2</a> 2.104 <li>max-lines, <a href="#propdef-max-lines">6.2</a> 2.105 - <li>next, <a href="#valdef-continue-next">4</a> 2.106 <li>non-3d-preserving child, <a href="#non_3d_preserving-child">2.2</a> 2.107 <li>none, <a href="#valdef-max-lines-none">6.2</a> 2.108 <li>::nth-fragment(), <a href="#selectordef-nth-fragment">6.1.1</a> 2.109 @@ -2682,8 +2687,8 @@ 2.110 <td>see individual properties 2.111 <tr> 2.112 <th scope="row"><a class="css" data-link-type="property" href="#propdef-continue">continue</a> 2.113 - <td>next | overflow | paginate | fragments | discard 2.114 - <td>next 2.115 + <td>auto | overflow | paginate | fragments | discard 2.116 + <td>auto 2.117 <td>block containers [CSS21], flex containers [CSS3-FLEXBOX], and grid containers [CSS3-GRID-LAYOUT] 2.118 <td>no 2.119 <td>N/A 2.120 @@ -2770,14 +2775,14 @@ 2.121 should this work by turning it directly into one, 2.122 or by creating a <a data-link-type="dfn" href="#fragment-box">fragment box</a> inside it like <a class="css" data-link-type="maybe" href="#valdef-continue-fragments">fragments</a> does?<a href="#issue-36be54be"> ↵ </a></div> 2.123 <div class="issue">If we introduce a pseudo element that can select columns in a multicol, 2.124 -we would need to specify that next computes to next on it, 2.125 -or introduce a new value and have next compute to that 2.126 -(but what would that value compute to on things that aren’t columns?).<a href="#issue-598fb492"> ↵ </a></div> 2.127 +we would need to specify that auto computes to auto on it, 2.128 +or introduce a new value and have auto compute to that 2.129 +(but what would that value compute to on things that aren’t columns?).<a href="#issue-53644667"> ↵ </a></div> 2.130 <div class="issue">Write this section<a href="#issue-001d5014"> ↵ </a></div> 2.131 <div class="issue">Pages should be possible to style with @page rules. How does that work for nested pages?<a href="#issue-338ad0f3"> ↵ </a></div> 2.132 <div class="issue"> 2.133 Should traditional pagination (e.g. when printing) 2.134 -be expressed through some magic in the computed value of <a class="css" data-link-type="propdesc" href="#propdef-continue">continue: next</a>, 2.135 +be expressed through some magic in the computed value of <a class="css" data-link-type="maybe" href="#valdef-continue-auto">auto</a>, 2.136 or by inserting this in the UA stylesheet: 2.137 2.138 <pre><code class="lang-css">@media (overflow-block: paged), (overflow-block: optional-paged) { 2.139 @@ -2787,7 +2792,7 @@ 2.140 } 2.141 </code></pre> 2.142 2.143 -<a href="#issue-0cd83080"> ↵ </a> 2.144 +<a href="#issue-67ad77e5"> ↵ </a> 2.145 </div> 2.146 <div class="issue">Traditional pagination (e.g. when printing) assumes that 2.147 :root is contained in the page box,
