Skip to content

Commit 0b964e3

Browse files
committed
[css-grid-1] Static position is resolved against content box like every other display type. Fixes #3020.
1 parent 26969c5 commit 0b964e3

File tree

2 files changed

+20
-11
lines changed

2 files changed

+20
-11
lines changed

css-display-3/Overview.bs

+7-10
Original file line numberDiff line numberDiff line change
@@ -24,11 +24,8 @@ At Risk: All multi-keyword values of 'display'
2424
</pre>
2525
<pre class="link-defaults">
2626
spec:css-break-3; type:dfn; text:fragment;
27-
spec:css22;
27+
spec:css2;
2828
type:property; text:overflow;
29-
type:dfn;
30-
text: table wrapper box
31-
text: table box
3229
spec: html;
3330
type: dfn; text: rendered legend
3431
type: element; text: a
@@ -91,7 +88,7 @@ Introduction</h2>
9188
but when the element generates multiple boxes,
9289
are sometimes defined to apply to a different box:
9390
for example, the 'border' properties applied to a table element
94-
are applied to its <a>table box</a>,
91+
are applied to its <a>table grid box</a>,
9592
not to its <a lt="principal box">principal</a> <a>table wrapper box</a>.
9693
If the value computation process alters the styles of those boxes,
9794
and the element's style is requested
@@ -297,11 +294,11 @@ Box Layout Modes: the 'display' property</h2>
297294
<tr>
298295
<td>''table''
299296
<td>''block table''
300-
<td><a>block-level</a> <a>table wrapper box</a> containing <a>table box</a>
297+
<td><a>block-level</a> <a>table wrapper box</a> containing <a>table grid box</a>
301298
<tr>
302299
<td>''inline-table''
303300
<td>''inline table''
304-
<td><a>inline-level</a> <a>table wrapper box</a> containing <a>table box</a>
301+
<td><a>inline-level</a> <a>table wrapper box</a> containing <a>table grid box</a>
305302
<tbody title="Layout-internal display types">
306303
<!--
307304
<tr>
@@ -404,7 +401,7 @@ Inner Display Layout Models: the ''flow'', ''flow-root'', ''table'', ''flex'', '
404401
The element generates a principal <a>table wrapper box</a>
405402
that establishes a <a>block formatting context</a>,
406403
and which contains
407-
an additionally-generated <a>table box</a>
404+
an additionally-generated <a>table grid box</a>
408405
that establishes a <a>table formatting context</a>. [[!CSS2]]
409406

410407
<dt><dfn>flex</dfn>
@@ -468,7 +465,7 @@ Layout-Internal Display Types: the ''table-*'' and ''ruby-*'' keywords</h3>
468465

469466
The <<display-internal>> keywords are defined as follows:
470467

471-
<dl dfn-type=value dfn-for="display, <display-internal>">
468+
<dl export dfn-type=value dfn-for="display, <display-internal>">
472469
<dt><dfn>table-row-group</dfn>, <dfn>table-header-group</dfn>, <dfn>table-footer-group</dfn>, <dfn>table-row</dfn>, <dfn>table-cell</dfn>, <dfn>table-column-group</dfn>, <dfn>table-column</dfn>
473470
<dd>
474471
The element is an <dfn dfn for>internal table element</dfn>.
@@ -885,7 +882,7 @@ Appendix A: Glossary</h2>
885882
which generate an additional marker box,
886883
or ''display/table'' elements,
887884
which generate a [=principal box|principal=] [=table wrapper box=]
888-
and an additional [=table box=]).
885+
and an additional [=table grid box=]).
889886
These additional boxes are placed with respect to the principal box.
890887

891888
<dt><dfn lt="inline-level|inline-level content">inline-level</dfn>

css-grid-1/Overview.bs

+13-1
Original file line numberDiff line numberDiff line change
@@ -3257,7 +3257,7 @@ With a Grid Container as Parent</h3>
32573257
of an absolutely-positioned child of a <a>grid container</a>
32583258
is determined as if it were the sole grid item
32593259
in a <a>grid area</a>
3260-
whose edges coincide with the padding edges of the <a>grid container</a>.
3260+
whose edges coincide with the content edges of the <a>grid container</a>.
32613261
However, if the <a>grid container</a> parent is also the generator of the absolutely positioned element's <a>containing block</a>,
32623262
instead use the <a>grid area</a> determined in [[#abspos-items]].
32633263

@@ -4442,6 +4442,18 @@ Major Changes</h4>
44424442
<li id="change-2018-line-name-auto">
44434443
Exclude 'auto' from line name <<custom-ident>>.
44444444
(<a href="https://github.com/w3c/csswg-drafts/issues/2856">Issue 2856</a>)
4445+
4446+
<li id="change-2018-static-padding">
4447+
The static position of a grid container child
4448+
should be resolved against the content edge, not padding edge, of the grid container.
4449+
(<a href="https://github.com/w3c/csswg-drafts/issues/3020">Issue 3020</a>)
4450+
<blockquote>
4451+
<p>The <a href="https://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">static position</a> [[!CSS21]]
4452+
of an absolutely-positioned child of a <a>grid container</a>
4453+
is determined as if it were the sole grid item
4454+
in a <a>grid area</a>
4455+
whose edges coincide with the <del>padding</del> <ins>content</ins> edges of the <a>grid container</a>.
4456+
</blockquote>
44454457
</ul>
44464458

44474459
<h4 id="clarify-2017">

0 commit comments

Comments
 (0)