CSS Box Alignment Module Level 3

[tkent-google]

Request for Mozilla Position on an Emerging Web Specification

• Specification title: CSS Box Alignment Module Level 3
• Specification or proposal URL (if available): https://drafts.csswg.org/css-align-3/
• Explainer URL (if available):
• Proposal author(s) (@-mention GitHub accounts):
• Caniuse.com URL (optional):
• Bugzilla URL (optional):
• Mozillians who can provide input (optional):

Other information

We'd like to know Mozilla position for the css-align-3, especially for align-cotent, justify-content, and place-content properties for non-flex/grid containers.

• https://drafts.csswg.org/css-align-3/#distribution-block
• https://drafts.csswg.org/css-align-3/#distribution-multicol

And justify-self and align-self for non-flex/grid items.

• https://drafts.csswg.org/css-align-3/#self-alignment

Chromium and WebKit just started their implementations.

[vmpstr]

/cc @emilio

[o-t-w]

All browsers, including Firefox, support align-content for block layout. They haven't mentioned it in any release notes but Chrome / Edge 130 now supports justify-self and justify-items without needing display: grid or display: flex.

Chrome supports justify-self and align-self for absolutely positioned elements. There seems to be a slightly buggy implementation of this in Firefox Nightly.

As a developer, I love this feature and hope Firefox supports it soon.