Skip to content

Commit d8a33b9

Browse files
committed
[css-grid] Define min/max-content constraint handling of 'auto' for span > 1 by defining equivalency instead of embedding rules, per Mats' suggestion. Fixes #500
1 parent 5d8b262 commit d8a33b9

File tree

3 files changed

+18
-14
lines changed

3 files changed

+18
-14
lines changed

css-grid/Overview.bs

+7-7
Original file line numberDiff line numberDiff line change
@@ -3898,7 +3898,11 @@ Resolve Intrinsic Track Sizes</h3>
38983898
<li>
38993899
<strong>Increase sizes to accommodate spanning items:</strong>
39003900
Next, consider the items with a span of 2
3901-
that do not span a track with a <a>flexible sizing function</a>:
3901+
that do not span a track with a <a>flexible sizing function</a>,
3902+
treating a <a>min track sizing function</a> of ''auto''
3903+
as ''min-content''/''max-content''
3904+
when the grid container is being sized under a
3905+
<a lt="min-content constraint">min</a>/<a>max-content constraint</a> (respectively):
39023906
<!-- auto-min contribution <= min-content contribution <= max-content contribution -->
39033907

39043908
<ol>
@@ -3911,17 +3915,13 @@ Resolve Intrinsic Track Sizes</h3>
39113915
<li>
39123916
<strong>For content-based minimums:</strong>
39133917
Next continue to increase the <a>base size</a> of tracks with
3914-
a <a>min track sizing function</a> of ''min-content'' or ''max-content'',
3915-
and tracks with a <a>min track sizing function</a> of ''auto''
3916-
if the <a>grid container</a> is being sized under a <a>min-content constraint</a>,
3918+
a <a>min track sizing function</a> of ''min-content'' or ''max-content''
39173919
by <a href="#extra-space">distributing extra space</a> as needed
39183920
to account for these items' <a>min-content contributions</a>.
39193921
<li>
39203922
<strong>For max-content minimums:</strong>
39213923
Third continue to increase the <a>base size</a> of tracks with
3922-
a <a>min track sizing function</a> of ''max-content'',
3923-
and tracks with a <a>min track sizing function</a> of ''auto''
3924-
if the <a>grid container</a> is being sized under a <a>max-content constraint</a>,
3924+
a <a>min track sizing function</a> of ''max-content''
39253925
by <a href="#extra-space">distributing extra space</a> as needed
39263926
to account for these items' <a>max-content contributions</a>.
39273927
<li>

css-grid/issues-cr-2016.bsi

+5-3
Original file line numberDiff line numberDiff line change
@@ -34,11 +34,13 @@ Closed: Accepted
3434
Resolved: Editorial
3535
----
3636
Issue 5.
37-
Summary: Fix labels in algo steps
37+
Summary: Define equivalency of 'auto' under constraint & -content sizing
3838
From: Mats Palmgren
3939
Comment: https://github.com/w3c/csswg-drafts/issues/500#issuecomment-249441400
40-
Open
41-
Resolved: Editorial
40+
Response: https://github.com/w3c/csswg-drafts/issues/500#issuecomment-277070479
41+
Changes:
42+
Closed: Accepted
43+
Resolved: Bugfix
4244
----
4345
Issue 6.
4446
Summary: Overflowing alignment is not visible on top/left

css-grid/issues-cr-2016.html

+6-4
Original file line numberDiff line numberDiff line change
@@ -66,13 +66,15 @@ <h1>CSS Grid Layout Level 1 Disposition of Comments for 2016-09-29 CR</h1>
6666
<span>Response: <a href='https://lists.w3.org/Archives/Public/www-style/2017Feb/0023.html'>https://lists.w3.org/Archives/Public/www-style/2017Feb/0023.html</a></span>
6767
<span class="a">Closed: Accepted</span>
6868
<span>Resolved: Editorial</span></pre>
69-
<pre class='open ' id='issue-5'>
69+
<pre class=' a' id='issue-5'>
7070
<span>Issue 5. <a href='#issue-5'>#</a></span>
71-
<span>Summary: Fix labels in algo steps</span>
71+
<span>Summary: Define equivalency of 'auto' under constraint & -content sizing</span>
7272
<span>From: Mats Palmgren</span>
7373
<span>Comment: <a href='https://github.com/w3c/csswg-drafts/issues/500#issuecomment-249441400'>https://github.com/w3c/csswg-drafts/issues/500#issuecomment-249441400</a></span>
74-
<span>Open</span>
75-
<span>Resolved: Editorial</span></pre>
74+
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/500#issuecomment-277070479'>https://github.com/w3c/csswg-drafts/issues/500#issuecomment-277070479</a></span>
75+
<span>Changes:</span>
76+
<span class="a">Closed: Accepted</span>
77+
<span>Resolved: Bugfix</span></pre>
7678
<pre class=' oi' id='issue-6'>
7779
<span>Issue 6. <a href='#issue-6'>#</a></span>
7880
<span>Summary: Overflowing alignment is not visible on top/left</span>

0 commit comments

Comments
 (0)