1321655 - [css-grid][css-align] Grid items that are orthogonal to a baseline group should also be included (using a synthesized baseline)

Status: NEW

(Core :: Layout: Grid, defect, P3)

Description

[Mats Palmgren (inactive)]

Recent css-align spec change:
https://github.com/w3c/csswg-drafts/commit/32792998144d31de4470a783893f1f960b038e6c
from the discussion in:
https://github.com/w3c/csswg-drafts/issues/721

Comment 1

[Mats Palmgren (inactive)]

Attachment: Testcase

Comment 2

[Mats Palmgren (inactive)]

Attachment: Expected result

Comment 3

[Mats Palmgren (inactive)]

For clarity, here's what the spec says that this bug will implement:
https://drafts.csswg.org/css-align-3/#baseline-terms
"For this purpose, boxes that establish an orthogonal flow are treated as having the same block flow direction as their alignment context, and their baselines are synthesized accordingly, exactly as for replaced elements and other boxes that have no natural baseline."

Comment 5

[Javier Fernandez]

Trying to avoid a new duplicated bug, I wonder whether issues related to empty grid items can be addressed as well in this bug.

As it was reported in this bug for orthogonal items, empty grid items must be also considered in the baseline-group, synthesizing their baseline based on their "under" border edges.