[css-align] Browser don't prioritize auto margins over stretch self-alignment for abspos #11229

Loirooriol · 2024-11-18T12:10:08Z

https://drafts.csswg.org/css-align/#justify-abspos

For replaced absolutely-positioned boxes, the normal keyword behaves as start.

For all other absolutely-positioned boxes, normal behaves as stretch. Additionally, if neither inset in this axis is auto, but width (height, for vertical writing modes) is auto, auto margins are treated as zero.

(In non-normal cases, auto margins are prioritized over the self-alignment properties, as usual.)

No browser is doing this:

<!DOCTYPE html>
<style>
.wrapper { position: relative; width: 50px; height: 50px; border: 3px solid; }
.abspos { position: absolute; inset: 0; width: auto; height: auto; background: cyan; margin: auto }
.abspos::before { content: ""; display: block; width: 25px; height: 25px; }
</style>
<div class="wrapper"><div class="abspos" style="place-self: auto"></div></div>
<div class="wrapper"><div class="abspos" style="place-self: normal"></div></div>
<div class="wrapper"><div class="abspos" style="place-self: stretch"></div></div>
<div class="wrapper"><div class="abspos" style="place-self: start"></div></div>
<div class="wrapper"><div class="abspos" style="place-self: center"></div></div>
<div class="wrapper"><div class="abspos" style="place-self: end"></div></div>

Spec	Blink	Servo#34264	FF nightly	WebKit

CC @dshin-moz

Loirooriol added css-align-3 Current Work css-position-3 Current Work labels Nov 18, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[css-align] Browser don't prioritize auto margins over stretch self-alignment for abspos #11229

[css-align] Browser don't prioritize auto margins over stretch self-alignment for abspos #11229

Loirooriol commented Nov 18, 2024

[css-align] Browser don't prioritize auto margins over stretch self-alignment for abspos #11229

[css-align] Browser don't prioritize auto margins over stretch self-alignment for abspos #11229

Comments

Loirooriol commented Nov 18, 2024