Skip to content

Commit 4853955

Browse files
committed
[css-grid] Add an example of over-large grid clamping.
1 parent e93ed2d commit 4853955

File tree

3 files changed

+38
-1
lines changed

3 files changed

+38
-1
lines changed

css-grid/Overview.bs

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2019,6 +2019,27 @@ Clamping Overlarge Grids</h2>
20192019
is span must be truncated to 1
20202020
and the area repositioned into the last <a>grid track</a> on that side of the grid.
20212021

2022+
<div class='example'>
2023+
For example, if a UA only supported grids with at most 1000 tracks in each dimension,
2024+
the following placement properties:
2025+
2026+
<pre class="lang-css">
2027+
.grid-item {
2028+
grid-row: 500 / 1500;
2029+
grid-column: 2000 / 3000;
2030+
}
2031+
</pre>
2032+
2033+
Would end up being equivalent to:
2034+
2035+
<pre class="lang-css">
2036+
.grid-item {
2037+
grid-row: 500 / 1000;
2038+
grid-column: 999 / 1000;
2039+
}
2040+
</pre>
2041+
</div>
2042+
20222043
<!--
20232044
████████ ██ ███ ██████ ████ ██ ██ ██████
20242045
██ ██ ██ ██ ██ ██ ██ ██ ███ ██ ██ ██

css-grid/issues-wd-20150108.html

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -223,7 +223,7 @@ <h1>CSS Grid Layout Level 1 Disposition of Comments for 2015-03-17 WD</h1>
223223
Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015Apr/0263.html'>https://lists.w3.org/Archives/Public/www-style/2015Apr/0263.html</a>
224224
Closed: Accepted
225225
Resolved: editorial</pre>
226-
<pre class=' open' id='issue-25'>
226+
<pre class='a' id='issue-25'>
227227
Issue 25. <a href='#issue-25'>#</a>
228228
Summary: Clarify terminology around implicit grid
229229
From: Daniel Holbert
@@ -232,6 +232,14 @@ <h1>CSS Grid Layout Level 1 Disposition of Comments for 2015-03-17 WD</h1>
232232
Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Apr/0365.html'>https://lists.w3.org/Archives/Public/www-style/2015Apr/0365.html</a>
233233
Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015Apr/0366.html'>https://lists.w3.org/Archives/Public/www-style/2015Apr/0366.html</a>
234234
Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2014Dec/0250.html'>https://lists.w3.org/Archives/Public/www-style/2014Dec/0250.html</a>
235+
Response: <a href='https://lists.w3.org/Archives/Public/www-style/2015May/0142.html'>https://lists.w3.org/Archives/Public/www-style/2015May/0142.html</a>
236+
Closed: Accepted
237+
Resolved: editorial</pre>
238+
<pre class=' open' id='issue-26'>
239+
Issue 26. <a href='#issue-26'>#</a>
240+
Summary: Use brackets instead of parens to group line names
241+
From: Alan Stearns
242+
Comment: <a href='https://lists.w3.org/Archives/Public/www-style/2015May/0103.html'>https://lists.w3.org/Archives/Public/www-style/2015May/0103.html</a>
235243
Open</pre>
236244
<script>
237245
(function () {

css-grid/issues-wd-20150108.txt

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -204,5 +204,13 @@ Comment: https://lists.w3.org/Archives/Public/www-style/2015Apr/0363.html
204204
Comment: https://lists.w3.org/Archives/Public/www-style/2015Apr/0365.html
205205
Comment: https://lists.w3.org/Archives/Public/www-style/2015Apr/0366.html
206206
Comment: https://lists.w3.org/Archives/Public/www-style/2014Dec/0250.html
207+
Response: https://lists.w3.org/Archives/Public/www-style/2015May/0142.html
208+
Closed: Accepted
209+
Resolved: editorial
210+
----
211+
Issue 26.
212+
Summary: Use brackets instead of parens to group line names
213+
From: Alan Stearns
214+
Comment: https://lists.w3.org/Archives/Public/www-style/2015May/0103.html
207215
Open
208216
----

0 commit comments

Comments
 (0)