You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
[css-multicol] Updating definition of column-fill: auto
Replaced paragraph detailing that the column-fill property be consulted when container is height constrained. Added that min and max constraints be included.
Fixes#3224
At Risk: column-gap accepting <<length-percentage>> instead of <<length>>
26
26
</pre>
27
27
<pre class="link-defaults">
28
-
spec:css22; type:dfn; text: table wrapper box
28
+
spec:css-sizing-3; type:property; text:min-height
29
29
</pre>
30
30
31
31
<style type="text/css">
@@ -1143,25 +1143,21 @@ Filling columns</h2>
1143
1143
<wpt>
1144
1144
multicol-fill-auto-001.xht
1145
1145
multicol-fill-auto-002.xht
1146
-
multicol-fill-auto-003.xht
1147
1146
multicol-fill-auto-block-children-001.xht
1148
1147
multicol-fill-auto-block-children-002.xht
1149
1148
multicol-fill-balance-001.xht
1150
1149
</wpt>
1151
1150
</dl>
1152
1151
1153
-
<!--
1154
1152
In continuous contexts, this property will only be consulted if the
1155
-
length of columns has been constrained. Otherwise, columns will
1153
+
length of columns has been constrained in the block dimension, including min and max constraints (e.g., 'height', 'min-height', 'max-height'). Otherwise, columns will
1156
1154
automatically be balanced.
1157
-
-->
1158
1155
1159
-
In continuous contexts, this property does not have any effect when there are overflow columns.
1156
+
<wpt>
1157
+
multicol-fill-auto-003.xht
1158
+
</wpt>
1160
1159
1161
-
<!--
1162
-
In fragmented contexts, this property will only have
1163
-
effect on the last fragment the multicol container appears in.
1164
-
-->
1160
+
In continuous contexts, this property does not have any effect when there are overflow columns.
1165
1161
1166
1162
<div class="example">
1167
1163
In this example, an article only has one short paragraph which fits
@@ -1185,12 +1181,12 @@ Filling columns</h2>
1185
1181
</div>
1186
1182
1187
1183
<div class="example">
1188
-
In this example, column balancing is turned off:
1184
+
In this example, column balancing is turned off, and the article has a height:
1189
1185
1190
1186
<pre highlight="css">
1191
1187
article {
1192
1188
width: 60em;
1193
-
height: auto;
1189
+
height: 4em;
1194
1190
columns: 4;
1195
1191
column-fill: auto;
1196
1192
}
@@ -1412,8 +1408,9 @@ Pagination and overflow outside multicol containers</h3>
1412
1408
1413
1409
This appendix is <em>informative</em>.
1414
1410
1415
-
<h3 id="changes-from-20171005">Changes from the <a href="https://www.w3.org/TR/2018/WD-css-multicol-1-20180528/">Working Draft (WD) of 28 May 2018</a></h3>
1411
+
<h3 id="changes-from-20180528">Changes from the <a href="https://www.w3.org/TR/2018/WD-css-multicol-1-20180528/">Working Draft (WD) of 28 May 2018</a></h3>
1416
1412
<ul>
1413
+
<li>Added the paragraph "In continuous contexts, this property will only be consulted if the length of columns has been constrained in the block dimension, including min and max constraints (e.g., 'height', 'min-height', 'max-height'). Otherwise, columns will automatically be balanced." This paragraph (without the additional detail regarding min and max constraints) was commented out in 2012, causing an interoperability issue. Also corrected the example of content ending up all in the first column, by adding the height constraint. Resolved <a href="https://github.com/w3c/csswg-drafts/issues/3224#issuecomment-468089503">28 February 2019</a></li>
1417
1414
<li>Updated the introduction to remove mention of the benefits of multicol over using tables for layout and instead refer to the unique characteristics of multicol. Editorial change referenced in <a href="https://github.com/w3c/csswg-drafts/issues/3654">issue 3654</a>.</li>
1418
1415
<li>Changed the sentence added in the pseudo-algorithm section after the 7 Jan 2016 resolution, to refer to <em>columns</em> and not <em>tracks</em> as tracks are not defined in this specification. Resolved <a href="https://github.com/w3c/csswg-drafts/issues/3649#issuecomment-472505520">13 March 2019</a>.</li>
1419
1416
<li>Changes and clarifications to the SVG images used in the specification.</li>
0 commit comments