Skip to content

Commit 0cf9be4

Browse files
committed
[css3-writing-modes] Fix up multicol handling in ortho flows.
1 parent 4c03b61 commit 0cf9be4

2 files changed

Lines changed: 52 additions & 45 deletions

File tree

css3-writing-modes/Overview.html

Lines changed: 26 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -2761,9 +2761,11 @@ <h3 id=orthogonal-flows><span class=secno>7.3. </span> Orthogonal Flows</h3>
27612761
<h4 id=orthogonal-auto><span class=secno>7.3.1. </span> Auto-sizing in
27622762
Orthogonal Flows</h4>
27632763

2764-
<p> If the computed measure of an element establishing an orthogonal flow
2765-
is ‘<code class=css>auto</code>’, then the used inner measure is
2766-
calculated as:
2764+
<p> If the UA does not support CSS Multi-column Layout <a href="#CSS3COL"
2765+
rel=biblioentry>[CSS3COL]<!--{{!CSS3COL}}--></a> and the element is a
2766+
block container, when the computed measure of the element establishing an
2767+
orthogonal flow is ‘<code class=css>auto</code>’, then the used inner
2768+
measure is calculated as:
27672769

27682770
<p> <code>min(<a href="#max-content"><var>max-content</var></a>, max(<a
27692771
href="#min-content"><var>min-content</var></a>, min(<a
@@ -2805,37 +2807,38 @@ <h4 id=orthogonal-auto><span class=secno>7.3.1. </span> Auto-sizing in
28052807
<h4 id=orthogonal-multicol><span class=secno>7.3.2. </span> Multi-column
28062808
Layout in Orthogonal Flows</h4>
28072809

2808-
<p>If the UA supports CSS Multi-column Layout <a href="#CSS3COL"
2809-
rel=biblioentry>[CSS3COL]<!--{{!CSS3COL}}--></a>, then for the case where
2810-
the element's extent or available extent is defined but the element's
2811-
measure is ‘<code class=css>auto</code>’:
2810+
<p> If the UA supports CSS Multi-column Layout <a href="#CSS3COL"
2811+
rel=biblioentry>[CSS3COL]<!--{{!CSS3COL}}--></a> and the element is a
2812+
block container or multi-column element, for the case where the element's
2813+
extent or available extent is <a href="#definite"><i>definite</i></a> but
2814+
the element's measure is ‘<code class=css>auto</code>’:
28122815

28132816
<ol>
2814-
<li>If ‘<code class=property>column-count</code>’ and ‘<code
2817+
<li> If ‘<code class=property>column-count</code>’ and ‘<code
28152818
class=property>column-width</code>’ are both ‘<code
2816-
class=css>auto</code>’, a used ‘<code
2817-
class=property>column-width</code>’ is calculated for the element as
2818-
the <a href="#fill-available-measure"><i>fill-available measure</i></a>
2819-
using the minimum of the <i>available measure</i> (when definite) and the
2820-
<a href="#fallback-measure"><i>fallback available measure</i></a> as the
2821-
<i>available measure</i>.
2822-
2823-
<li>If the columns' extent is not fixed, the <a
2819+
class=css>auto</code>’, calculate the used ‘<code
2820+
class=property>column-width</code>’ as the inner measure for ‘<code
2821+
class=css>auto</code>’-sized elements, as defined above.
2822+
2823+
<li> If the columns' extent is <a
2824+
href="#indefinite"><i>indefinite</i></a>, the <a
28242825
href="#fill-available-extent"><i>fill-available extent</i></a> of the
28252826
element is used.
28262827

2827-
<li>The used column-count then follows from filling the resulting columns
2828-
with the element's content.
2828+
<li> The used <code class=property>column-count</code> then follows
2829+
from filling the resulting columns with the element's content.
28292830
</ol>
28302831

2831-
<p>The used measure of the resulting multi-column element is then
2832-
calculated: if the content neither wraps nor paginates within the
2832+
<p> The used measure of the resulting multi-column element is then
2833+
calculated: if the content neither line-wraps nor fragments within the
28332834
multi-column element, then the used measure is the <a
28342835
href="#max-content-measure"><i>max-content measure</i></a> of the
2835-
element's contents; else it is calculated from the used column width,
2836-
column count, and column gap.
2836+
element's contents; else it is calculated from the used ‘<code
2837+
class=property>column-width</code>’, ‘<code
2838+
class=property>column-count</code>’, and ‘<code
2839+
class=property>column-gap</code>’.
28372840

2838-
<p>The used extent of the element is either the used column extent (if
2841+
<p> The used extent of the element is either the used column extent (if
28392842
multiple columns were used) or the <a
28402843
href="#max-content-extent"><i>max-content extent</i></a> of the content.
28412844

css3-writing-modes/Overview.src.html

Lines changed: 26 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -2005,7 +2005,9 @@ <h4 id="orthogonal-auto">
20052005
Auto-sizing in Orthogonal Flows</h4>
20062006

20072007
<p>
2008-
If the computed measure of an element establishing an orthogonal flow is ''auto'',
2008+
If the UA does not support CSS Multi-column Layout [[!CSS3COL]]
2009+
and the element is a block container,
2010+
when the computed measure of the element establishing an orthogonal flow is ''auto'',
20092011
then the used inner measure is calculated as:
20102012

20112013
<p>
@@ -2032,32 +2034,34 @@ <h4 id="orthogonal-auto">
20322034
<h4 id="orthogonal-multicol">
20332035
Multi-column Layout in Orthogonal Flows</h4>
20342036

2035-
<p>If the UA supports CSS Multi-column Layout [[!CSS3COL]], then
2037+
<p>
2038+
If the UA supports CSS Multi-column Layout [[!CSS3COL]]
2039+
and the element is a block container or multi-column element,
20362040
for the case where the element's extent or available extent is
2037-
defined but the element's measure is ''auto'':
2041+
<i>definite</i> but the element's measure is ''auto'':
20382042

20392043
<ol>
2040-
<li>If 'column-count' and 'column-width' are both ''auto'', a
2041-
used 'column-width' is calculated for the element as the
2042-
<i>fill-available measure</i> using the minimum of the
2043-
<i>available measure</i> (when definite) and the
2044-
<i>fallback available measure</i> as the <i>available measure</i>.
2045-
<li>If the columns' extent is not fixed, the <i>fill-available
2046-
extent</i> of the element is used.
2047-
<li>The used column-count then follows from filling the resulting
2048-
columns with the element's content.
2044+
<li>
2045+
If 'column-count' and 'column-width' are both ''auto'',
2046+
calculate the used 'column-width' as
2047+
the inner measure for ''auto''-sized elements, as defined above.
2048+
<li>
2049+
If the columns' extent is <i>indefinite</i>,
2050+
the <i>fill-available extent</i> of the element is used.
2051+
<li>
2052+
The used 'column-count' then follows from filling the resulting columns with the element's content.
20492053
</ol>
20502054

2051-
<p>The used measure of the resulting multi-column element is then
2052-
calculated:
2053-
if the content neither wraps nor paginates within the multi-column
2054-
element, then the used measure is the <i>max-content measure</i>
2055-
of the element's contents;
2056-
else it is calculated from the used column width, column count,
2057-
and column gap.
2058-
<p>The used extent of the element is either the used column extent
2059-
(if multiple columns were used) or the <i>max-content extent</i>
2060-
of the content.
2055+
<p>
2056+
The used measure of the resulting multi-column element is then calculated:
2057+
if the content neither line-wraps nor fragments within the multi-column element,
2058+
then the used measure is the <i>max-content measure</i> of the element's contents;
2059+
else it is calculated from the used 'column-width', 'column-count', and 'column-gap'.
2060+
2061+
<p>
2062+
The used extent of the element is either the used column extent
2063+
(if multiple columns were used)
2064+
or the <i>max-content extent</i> of the content.
20612065

20622066
<p class="note">This should behave the same as the auto-sizing algorithm
20632067
defined in the previous section, except overflowing content, instead of

0 commit comments

Comments
 (0)