Summary: In bug 1684236 I landed support for align-content on block containers. This allows trivial vertical alignment in block layout.
See [1] for a good blog post on the matter.

I plan to enable it by default in bug 1882853, for this release, if nothing goes wrong.

This feature has some compat risk because this property used to have no effect at all on blocks, but it seems Blink is on its way to ship it in their next release, so risk should be manageable (and it's behind a pref anyways so it's easy to turn off as needed).

Huge thanks to Elika (fantasai) for providing the initial version of the patch and a lot of tests!

Bug: https://bugzil.la/1684236 / https://bugzil.la/1882853
Specification: https://drafts.csswg.org/css-align/#align-justify-content
Standards Body: CSS Working Group
Platform coverage: All
Preference: layout.css.align-content.blocks.enabled
DevTools bug: Sebastian was kind enough to file https://bugzil.la/1882741, thanks! Link to standards-position discussion: None (fairly uncontroversial extension to css-align, IMO, but happy to file one).
Other browsers:

 * Blink: Will ship in 123[2]
 * WebKit: Has an implementation[3], though not sure when it'll ship.

web-platform-tests: https://wpt.fyi/results/css/css-align/blocks

(The two tests that we fail had a wrong reference, and that's fixed on autoland already)

Let me know if there's any concern here or what not.

Cheers,

 -- Emilio

[1]: https://developer.chrome.com/blog/align-content
[2]: https://chromestatus.com/feature/5159040328138752
[3]: https://github.com/WebKit/WebKit/pull/21522

--
You received this message because you are subscribed to the Google Groups 
"[email protected]" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/9e484e65-4bee-4c44-8775-f492c9c001a3%40mozilla.com.

Reply via email to