Skip to content

Commit 9673546

Browse files
committed
[css-grid-1] Clarify that if neither min or max track sizing function is definite, you only get one repetition. (Reps never depend on intrinsic sizes.) w3c#4480
1 parent 3fedd28 commit 9673546

File tree

1 file changed

+11
-6
lines changed

1 file changed

+11
-6
lines changed

css-grid-1/Overview.bs

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1786,20 +1786,25 @@ Syntax of ''repeat()''</h5>
17861786
Repeat-to-fill: ''auto-fill'' and ''auto-fit'' repetitions</h5>
17871787

17881788
When <dfn value for="repeat()">auto-fill</dfn> is given as the repetition number,
1789-
if the <a>grid container</a> has a <a>definite</a> size or max size in the relevant axis,
1789+
if the <a>grid container</a> has a <a>definite</a> [=preferred size=] or [=maximum size=] in the relevant axis,
17901790
then the number of repetitions is the largest possible positive integer
17911791
that does not cause the <a>grid</a> to overflow
17921792
the <a>content box</a> of its <a>grid container</a>
1793-
(treating each track as its <a>max track sizing function</a> if that is <a>definite</a>
1794-
or as its minimum track sizing function otherwise,
1795-
flooring the <a>max track sizing function</a> by the <a>min track sizing function</a> if both are <a>definite</a>,
1796-
and taking 'gap' into account);
1793+
taking 'gap' into account;
17971794
if any number of repetitions would overflow,
17981795
then 1 repetition.
1799-
Otherwise, if the <a>grid container</a> has a <a>definite</a> min size in the relevant axis,
1796+
Otherwise, if the <a>grid container</a> has a <a>definite</a> [=minimum size=] in the relevant axis,
18001797
the number of repetitions is the smallest possible positive integer that fulfills that minimum requirement.
18011798
Otherwise, the specified <a>track list</a> repeats only once.
18021799

1800+
For this purpose,
1801+
each track is treated as its <a>max track sizing function</a> if that is <a>definite</a>
1802+
or else its [=minimum track sizing function=] if that is definite.
1803+
If both are definite, floor the <a>max track sizing function</a>
1804+
by the <a>min track sizing function</a>.
1805+
If neither are definite,
1806+
the number of repetitions is one.
1807+
18031808
<div class="example">
18041809
For example, the following code will create
18051810
as many 25-character columns as will fit into the window width.

0 commit comments

Comments
 (0)