Skip to content

Commit 1c4304f

Browse files
committed
[css-overflow] Call the intial value of continue auto rather than next
1 parent 691bb5e commit 1c4304f

File tree

2 files changed

+45
-40
lines changed

2 files changed

+45
-40
lines changed

css-overflow/Overview.bs

+15-15
Original file line numberDiff line numberDiff line change
@@ -380,7 +380,7 @@ Introduction</h2>
380380

381381
<pre class=propdef>
382382
Name: overflow-x, overflow-y
383-
Value: ''visible'' | ''hidden'' | ''scroll'' | ''auto''
383+
Value: ''visible'' | ''hidden'' | ''scroll'' | ''overflow/auto''
384384
Initial: ''visible''
385385
Applies to: block containers [[!CSS21]], flex containers [[!CSS3-FLEXBOX]], and grid containers [[!CSS3-GRID-LAYOUT]]
386386
Inherited: no
@@ -399,7 +399,7 @@ Introduction</h2>
399399

400400
<pre class=propdef>
401401
Name: overflow
402-
Value: ''visible'' | ''hidden'' | ''scroll'' | ''auto''
402+
Value: ''visible'' | ''hidden'' | ''scroll'' | ''overflow/auto''
403403
Initial: see individual properties
404404
Applies to: block containers [[!CSS21]], flex containers [[!CSS3-FLEXBOX]], and grid containers [[!CSS3-GRID-LAYOUT]]
405405
Inherited: no
@@ -477,8 +477,8 @@ and extends it further.
477477

478478
<pre class=propdef>
479479
Name: continue
480-
Value: ''next'' | ''overflow'' | ''paginate'' | ''fragments'' | ''discard''
481-
Initial: next
480+
Value: ''continue/auto'' | ''overflow'' | ''paginate'' | ''fragments'' | ''discard''
481+
Initial: auto
482482
Applies to: block containers [[!CSS21]], flex containers [[!CSS3-FLEXBOX]], and grid containers [[!CSS3-GRID-LAYOUT]]
483483
Inherited: no
484484
Percentages: N/A
@@ -503,13 +503,13 @@ from earlier versions of this specification,
503503
while ''continue: paginate'' replaces "overflow: paged-x | paged-y | paged-x-controls | paged-y-controls"
504504

505505
<dl dfn-for="continue" dfn-type="value">
506-
<dt><dfn>next</dfn>
507-
<dd>Content that doesn't fit is pushed to the next region
506+
<dt><dfn>auto</dfn>
507+
<dd>''continue/auto'' may only occur as a computed value
508508
if the element is a <a spec="css-regions">CSS Region</a>
509-
other than the last one in a <a spec="css-regions">region chain</a>,
510-
or to the next page if the element is part of a page chain,
511-
or to the next <a>fragment box</a> if the element is a <a>fragment box</a>
512-
Otherwise, it overflows.
509+
other than the last one in a <a spec="css-regions">region chain</a>.
510+
Content that doesn't fit is pushed to the next region of the chain.
511+
512+
In all other cases, ''continue/auto'' computes to one of the other values.
513513

514514
<dt><dfn>overflow</dfn>
515515
<dd>Content that doesn't fit overflows, according to the 'overflow' property
@@ -539,10 +539,10 @@ while ''continue: paginate'' replaces "overflow: paged-x | paged-y | paged-x-con
539539

540540
The computed value of the 'continue' for a given element or pseudo element is determined as follow:
541541
<ol>
542-
<li>If the specified value is ''continue/next''
542+
<li>If the specified value is ''continue/auto''
543543
<ol>
544544
<li>On a <a spec="css-regions">CSS Region</a> other than the last one in a <a spec="css-regions">region chain</a>,
545-
the computed value is ''continue/next''
545+
the computed value is ''continue/auto''
546546
<li>On a page
547547
the computed value is ''continue/paginate''
548548
<li>On a <a>fragment box</a>
@@ -559,8 +559,8 @@ The computed value of the 'continue' for a given element or pseudo element is de
559559
</ol>
560560

561561
Issue: If we introduce a pseudo element that can select columns in a multicol,
562-
we would need to specify that next computes to next on it,
563-
or introduce a new value and have next compute to that
562+
we would need to specify that auto computes to auto on it,
563+
or introduce a new value and have auto compute to that
564564
(but what would that value compute to on things that aren't columns?).
565565

566566
Note: For background discussions leading to this property, see these threads:
@@ -577,7 +577,7 @@ Issue: Pages should be possible to style with @page rules. How does that work fo
577577

578578
<div class="issue">
579579
Should traditional pagination (e.g. when printing)
580-
be expressed through some magic in the computed value of ''continue: next'',
580+
be expressed through some magic in the computed value of ''continue/auto'',
581581
or by inserting this in the UA stylesheet:
582582
<pre><code class="lang-css">
583583
@media (overflow-block: paged), (overflow-block: optional-paged) {

css-overflow/Overview.html

+30-25
Original file line numberDiff line numberDiff line change
@@ -767,7 +767,7 @@
767767
<h1 class="p-name no-ref" id="title">CSS Overflow Module Level 3</h1>
768768

769769
<h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft,
770-
<time class="dt-updated" datetime="2015-03-03">3 March 2015</time></span></h2>
770+
<time class="dt-updated" datetime="2015-03-11">11 March 2015</time></span></h2>
771771

772772
<div data-fill-with="spec-metadata">
773773
<dl>
@@ -1408,10 +1408,10 @@ <h2 class="heading settled" data-level="4" id="fragmentation"><span class="secno
14081408
<td><dfn class="css" data-dfn-type="property" data-export="" id="propdef-continue">continue<a class="self-link" href="#propdef-continue"></a></dfn>
14091409
<tr>
14101410
<th>Value:
1411-
<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>
1411+
<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>
14121412
<tr>
14131413
<th>Initial:
1414-
<td>next
1414+
<td>auto
14151415
<tr>
14161416
<th>Applies to:
14171417
<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>
@@ -1454,14 +1454,16 @@ <h2 class="heading settled" data-level="4" id="fragmentation"><span class="secno
14541454

14551455
<dl>
14561456

1457-
<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>
1457+
<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>
14581458

1459-
<dd>Content that doesn’t fit is pushed to the next region
1459+
<dd><a class="css" data-link-type="maybe" href="#valdef-continue-auto">auto</a> may only occur as a computed value
14601460
if the element is a <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-regions-1/#css-region">CSS Region</a>
1461-
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>,
1462-
or to the next page if the element is part of a page chain,
1463-
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>
1464-
Otherwise, it overflows.
1461+
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>.
1462+
Content that doesn’t fit is pushed to the next region of the chain.
1463+
1464+
1465+
<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>
1466+
14651467

14661468

14671469
<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>
@@ -1513,12 +1515,12 @@ <h2 class="heading settled" data-level="4" id="fragmentation"><span class="secno
15131515

15141516
<ol>
15151517

1516-
<li>If the specified value is <a class="css" data-link-type="maybe" href="#valdef-continue-next">next</a>
1518+
<li>If the specified value is <a class="css" data-link-type="maybe" href="#valdef-continue-auto">auto</a>
15171519

15181520
<ol>
15191521

15201522
<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>,
1521-
the computed value is <a class="css" data-link-type="maybe" href="#valdef-continue-next">next</a>
1523+
the computed value is <a class="css" data-link-type="maybe" href="#valdef-continue-auto">auto</a>
15221524

15231525
<li>On a page
15241526
the computed value is <a class="css" data-link-type="maybe" href="#valdef-continue-paginate">paginate</a>
@@ -1547,9 +1549,9 @@ <h2 class="heading settled" data-level="4" id="fragmentation"><span class="secno
15471549
</ol>
15481550

15491551

1550-
<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,
1551-
we would need to specify that next computes to next on it,
1552-
or introduce a new value and have next compute to that
1552+
<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,
1553+
we would need to specify that auto computes to auto on it,
1554+
or introduce a new value and have auto compute to that
15531555
(but what would that value compute to on things that aren’t columns?).</p>
15541556

15551557

@@ -1570,9 +1572,9 @@ <h2 class="heading settled" data-level="5" id="paginated-overflow"><span class="
15701572
<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>
15711573

15721574

1573-
<div class="issue" id="issue-0cd83080"><a class="self-link" href="#issue-0cd83080"></a>
1575+
<div class="issue" id="issue-67ad77e5"><a class="self-link" href="#issue-67ad77e5"></a>
15741576
Should traditional pagination (e.g. when printing)
1575-
be expressed through some magic in the computed value of <a class="css" data-link-type="propdesc" href="#propdef-continue">continue: next</a>,
1577+
be expressed through some magic in the computed value of <a class="css" data-link-type="maybe" href="#valdef-continue-auto">auto</a>,
15761578
or by inserting this in the UA stylesheet:
15771579

15781580
<pre><code class="lang-css">@media (overflow-block: paged), (overflow-block: optional-paged) {
@@ -2466,7 +2468,11 @@ <h3 class="no-num heading settled" id="index-defined-here"><span class="content"
24662468
<ul class="indexlist">
24672469
<li>3d-preserving child, <a href="#3d_preserving-child">2.2</a>
24682470
<li>3d-preserving descendant, <a href="#3d_preserving-descendant">2.2</a>
2469-
<li>auto, <a href="#valdef-overflow-auto">3</a>
2471+
<li>auto
2472+
<ul>
2473+
<li>value for overflow, <a href="#valdef-overflow-auto">3</a>
2474+
<li>value for continue, <a href="#valdef-continue-auto">4</a>
2475+
</ul>
24702476
<li>border-box overflow, <a href="#border_box-overflow">2.3</a>
24712477
<li>border-box overflow rectangle, <a href="#border_box-overflow-rectangle">2.3</a>
24722478
<li>border-box overflow region, <a href="#border_box-overflow-region">2.3</a>
@@ -2480,7 +2486,6 @@ <h3 class="no-num heading settled" id="index-defined-here"><span class="content"
24802486
<li>ink overflow region, <a href="#ink-overflow-region">2.1</a>
24812487
<li>&lt;integer>, <a href="#valdef-max-lines-integer">6.2</a>
24822488
<li>max-lines, <a href="#propdef-max-lines">6.2</a>
2483-
<li>next, <a href="#valdef-continue-next">4</a>
24842489
<li>non-3d-preserving child, <a href="#non_3d_preserving-child">2.2</a>
24852490
<li>none, <a href="#valdef-max-lines-none">6.2</a>
24862491
<li>::nth-fragment(), <a href="#selectordef-nth-fragment">6.1.1</a>
@@ -2682,8 +2687,8 @@ <h2 class="no-num heading settled" id="property-index"><span class="content">Pro
26822687
<td>see individual properties
26832688
<tr>
26842689
<th scope="row"><a class="css" data-link-type="property" href="#propdef-continue">continue</a>
2685-
<td>next | overflow | paginate | fragments | discard
2686-
<td>next
2690+
<td>auto | overflow | paginate | fragments | discard
2691+
<td>auto
26872692
<td>block containers [CSS21], flex containers [CSS3-FLEXBOX], and grid containers [CSS3-GRID-LAYOUT]
26882693
<td>no
26892694
<td>N/A
@@ -2770,14 +2775,14 @@ <h2 class="no-num heading settled" id="issues-index"><span class="content">Issue
27702775
should this work by turning it directly into one,
27712776
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>
27722777
<div class="issue">If we introduce a pseudo element that can select columns in a multicol,
2773-
we would need to specify that next computes to next on it,
2774-
or introduce a new value and have next compute to that
2775-
(but what would that value compute to on things that aren’t columns?).<a href="#issue-598fb492"></a></div>
2778+
we would need to specify that auto computes to auto on it,
2779+
or introduce a new value and have auto compute to that
2780+
(but what would that value compute to on things that aren’t columns?).<a href="#issue-53644667"></a></div>
27762781
<div class="issue">Write this section<a href="#issue-001d5014"></a></div>
27772782
<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>
27782783
<div class="issue">
27792784
Should traditional pagination (e.g. when printing)
2780-
be expressed through some magic in the computed value of <a class="css" data-link-type="propdesc" href="#propdef-continue">continue: next</a>,
2785+
be expressed through some magic in the computed value of <a class="css" data-link-type="maybe" href="#valdef-continue-auto">auto</a>,
27812786
or by inserting this in the UA stylesheet:
27822787

27832788
<pre><code class="lang-css">@media (overflow-block: paged), (overflow-block: optional-paged) {
@@ -2787,7 +2792,7 @@ <h2 class="no-num heading settled" id="issues-index"><span class="content">Issue
27872792
}
27882793
</code></pre>
27892794

2790-
<a href="#issue-0cd83080"></a>
2795+
<a href="#issue-67ad77e5"></a>
27912796
</div>
27922797
<div class="issue">Traditional pagination (e.g. when printing) assumes that
27932798
:root is contained in the page box,

0 commit comments

Comments
 (0)