A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/w3c/csswg-drafts/issues/11285 below:

[css-align] `normal` self-alignment for abspos tables should behave as `start` · Issue #11285 · w3c/csswg-drafts · GitHub

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

For all other absolutely-positioned boxes, normal behaves as stretch.

That's not the case in Blink, normal behaves as start for abspos tables, and that makes sense to me.

<!DOCTYPE html>
<style>
div { display: inline-block; position: relative; border: solid; width: 100px; height: 100px; }
table { position: absolute; inset: 0; background: cyan; }
</style>
<div><table style="place-self: normal"><td>table</td></table></div>
<div><table style="place-self: stretch"><td>table</td></table></div>

There are tests for Blink's behavior:

This is consistent with the interoperable flexbox behavior
<!DOCTYPE html>
<style>
div { display: inline-flex; border: solid; width: 100px; height: 100px; }
table { background: cyan; }
</style>
<div><table style="align-self: normal"><td>table</td></table></div>
<div><table style="align-self: stretch"><td>table</td></table></div>

Blink also uses justify-self: normal to explain the table shrink-to-fit size in block layout
<!DOCTYPE html>
<style>
div { display: inline-block; border: solid; width: 100px; height: 100px; }
table { background: cyan; }
</style>
<div><table style="justify-self: normal"><td>table</td></table></div>
<div><table style="justify-self: stretch"><td>table</td></table></div>


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.3