1930584 - Implement 'justify-self' for block-level boxes (and 'justify-items' for block containers)

Status: NEW

(Core :: Layout: Block and Inline, enhancement)

Description

[Sebastian Zartner [:sebo]]

CSS Box Alignment defines justify-self to apply to block-level and absolutely-positioned boxes: https://drafts.csswg.org/css-align/#overview

The support on absolutely-positioned boxes got implemented around the efforts for supporting Anchor Positioning in bug 1920160. So this is about adding support on block-level elements.

Sebastian

Comment 1

[Daniel Holbert [:dholbert]]

[Assessing as "Medium" size-estimate, but it's really mostly the same work as bug 1930583; so the "medium" amount of work is overlapping]

Comment 3

[Daniel Holbert [:dholbert]]

(In reply to Daniel Holbert [:dholbert] from comment #1)

[Assessing as "Medium" size-estimate, but it's really mostly the same work as bug 1930583; so the "medium" amount of work is overlapping]

Actually I just duped bug 1930583 here to avoid double-counting the work, and I'm broadening the summary to include support for justify-items for block containers, for clarity, since we'll get that behavior "for free" once we've properly implemented justify-self on children of block containers. (justify-items is just syntactic sugar to provide the default justify-self value for children.) See bug 1930583 comment 1 for more notes.

Comment 4

[oliverwilliams345]

This feature has landed in Safari Technology Preview version 249