Skip to content

Commit 6425b95

Browse files
committed
Overflow columns can effect the multicol container height. Fixes #1745
1 parent d2d72c5 commit 6425b95

2 files changed

Lines changed: 83 additions & 1 deletion

File tree

css-multicol-1/Overview.bs

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1119,7 +1119,7 @@ Pagination and overflow outside multicol containers</h3>
11191119
</ul>
11201120

11211121
Columns that appear outside the multicol container in continuous media
1122-
are called <dfn>overflow columns</dfn>.
1122+
are called <dfn>overflow columns</dfn>. Overflow columns can effect the height of the multicol container.
11231123

11241124
<div class="example">
11251125
In this example, the height of the multi-column container has been
@@ -1142,6 +1142,17 @@ Pagination and overflow outside multicol containers</h3>
11421142

11431143
</div>
11441144

1145+
<div class="example">
1146+
1147+
In continuous media overflow columns can effect the height of the multicol container. In this example a column appears in the overflow which has four lines of text. The multicol container is made tall enough to accomodate this column.
1148+
1149+
<figure>
1150+
<img src="images/overflow-column-effects-height.svg" alt="Four columns, overflow column is taller than the first three">
1151+
<figcaption>The final column is an overflow column yet is taller than the others. The container is tall enough for this column.</figcaption>
1152+
</figure>
1153+
1154+
</div>
1155+
11451156
<div class="example">
11461157
In paged media, the overflow content goes into column on subsequent pages.
11471158
Given the same content as in the previous example
@@ -1200,12 +1211,15 @@ Pagination and overflow outside multicol containers</h3>
12001211
Due to column balancing, the last paragraph is split across three columns.
12011212
</div>
12021213

1214+
1215+
12031216
<h2 class="no-num" id="changes">Appendix B. Changes</h2>
12041217

12051218
This appendix is <em>informative</em>.
12061219

12071220
<h3 id="changes-from-20171005">Changes from the <a href="https://www.w3.org/TR/2017/WD-css-multicol-1-20171005/">Working Draft (WD) of 5 October 2017</a></h3>
12081221
<ul>
1222+
<li>Add a line of text plus an example to show that overflow columns can effect the multicol container height. <a href="https://github.com/w3c/csswg-drafts/issues/1745">Resolved: 12 Apr 2018</a></li>
12091223
<li>Replaced the HTML mock-up examples with SVG versions, as the examples were unclear. <a href="https://github.com/w3c/csswg-drafts/issues/1087">Issue 1087</a>.</li>
12101224
<li>Changed the value of normal for column-gap to be 1em, rather than a UA-specified length with a suggestion of 1em. <a href="https://github.com/w3c/csswg-drafts/issues/2145#issuecomment-378781507">Resolved: 4 Apr 2018</a></li>
12111225
<li>Clarified that negative values are not allowed for column-width, and that while 0 may be specified, used values will be clamped to a minimum of 1px. <a href="https://github.com/w3c/csswg-drafts/issues/1741#issuecomment-373091628">Resolved: 14 Mar 2018</a></li>

0 commit comments

Comments
 (0)