You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p><del>Its</del><ins>The</ins> static position <ins>of an absolutely-positioned child of a flex container</ins>
3129
-
is
3130
-
<del>calculated by first doing full flex layout without the absolutely-positioned children,
3131
+
is <del>calculated by first doing full flex layout without the absolutely-positioned children,
3131
3132
then positioning each absolutely-positioned child</del>
3132
3133
<ins>determined such that the child is positioned</ins>
3133
3134
as if it were the sole flex item in the flex container,
3134
3135
assuming both the child and the flex container were fixed-size boxes of their used size.
3135
3136
3136
-
<ins></ins><p>In other words, the static position of an absolutely positioned child of a flex container
3137
+
<p><ins>In other words, the static position of an absolutely positioned child of a flex container
3137
3138
is determined <em>after flex layout</em>
3138
3139
by setting the child’s <adata-link-type=dfnhref=#static-position-rectangletitle="static-position rectangle">static-position rectangle</a> to the flex container’s content box,
3139
3140
then aligning the absolutely positioned child within this rectangle
3140
-
according to the <aclass=propertydata-link-type=propdeschref=#propdef-justify-contenttitle=justify-content>justify-content</a> value of the flex container and the <aclass=propertydata-link-type=propdeschref=#propdef-align-selftitle=align-self>align-self</a> value of the child itself.
3141
-
3141
+
according to the <aclass=propertydata-link-type=propdeschref=#propdef-justify-contenttitle=justify-content>justify-content</a> value of the flex container and the <aclass=propertydata-link-type=propdeschref=#propdef-align-selftitle=align-self>align-self</a> value of the child itself.</ins>
Simplified the static position of abspos children of <adata-link-type=dfnhref=#flex-containertitle="flex containers">flex containers</a> to be consistent with Grid Layout.
<p>An absolutely-positioned child of a <adata-link-type=dfnhref=#flex-containertitle="flex container">flex container</a> does not participate in flex layout
3386
+
An absolutely-positioned child of a <adata-link-type=dfnhref=#flex-containertitle="flex container">flex container</a> does not participate in flex layout
3387
3387
beyond the <ahref=#algo-flex-order>reordering step</a>.
3388
3388
3389
3389
<del>
3390
-
</del><p>
3390
+
<p>
3391
3391
However, if both <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/css3-positioning/#lefttitle=left>left</a> and <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/css3-positioning/#righttitle=right>right</a> or both <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/css3-positioning/#toptitle=top>top</a> and <aclass=propertydata-link-type=propdeschref=http://www.w3.org/TR/css3-positioning/#bottomtitle=bottom>bottom</a> are <aclass=cssdata-link-type=maybehref=#valdef-min-width-min-height-autotitle=auto>auto</a>,
3392
3392
then the used value of those properties
3393
3393
are computed from its static position, as follows:
<aclass=cssdata-link-type=propdeschref=#propdef-justify-contenttitle=justify-content>justify-content: space-around</a> or <aclass=cssdata-link-type=propdeschref=#propdef-justify-contenttitle=justify-content>justify-content: space-between</a>
3444
3444
are suppressed around the hypothetical item:
3445
3445
between it and the next item if there is a real item after it,
3446
-
else between it and the previous item (if any) if there isn’t.
3447
-
3446
+
else between it and the previous item (if any) if there isn’t.</p>
3447
+
</del>
3448
3448
<ins>
3449
-
</ins><p>Its static position is calculated by first doing full flex layout
3449
+
<p>Its static position is calculated by first doing full flex layout
3450
3450
without the absolutely-positioned children,
3451
3451
then positioning each absolutely-positioned child
3452
3452
as if it were the sole <adata-link-type=dfnhref=#flex-itemtitle="flex item">flex item</a> in the <adata-link-type=dfnhref=#flex-containertitle="flex container">flex container</a>,
Setting <spanclass=css>justify-content:center</span> on the <adata-link-type=dfnhref=#flex-containertitle="flex container">flex container</a>, however,
0 commit comments