Bug 235005 – [css-flexbox][css-grid] Support last baseline

• Status: NEW
• Component: CSS

[Philip Jägenstedt]

The `last baseline` keyword for alignment properties (align-content, align-items, and align-self) is recognized by the parser but for both flex and grid layout, there are FIXMEs for actually supporting it:
https://trac.webkit.org/browser/webkit/trunk/Source/WebCore/rendering/RenderFlexibleBox.cpp?rev=287742#L1679
https://trac.webkit.org/browser/webkit/trunk/Source/WebCore/rendering/RenderGrid.cpp?rev=287742#L1437

Support for this in other browsers can be seen here:
https://developer.mozilla.org/en-US/docs/Web/CSS/align-content#browser_compatibility
https://developer.mozilla.org/en-US/docs/Web/CSS/align-items#browser_compatibility
https://developer.mozilla.org/en-US/docs/Web/CSS/align-self#browser_compatibility

Note that the data is a bit messy and also wrong in places, which is why I started looking into support across browsers and filed this bug.

https://crbug.com/885175 is the Chromium bug for this.

[Radar WebKit Bug Importer]

<rdar://problem/87640022>

[Philip Jägenstedt]

Bug 245792 did something, but I'm not sure if it fixed this bug. (Haven't tested.)

[Sammy Gill]

(In reply to Philip Jägenstedt from comment #2)
> Bug 245792 did something, but I'm not sure if it fixed this bug. (Haven't
> tested.)

Not quite. That bug implemented the ability to get the last baseline of block containers via lastLineBaseline. There are a number of other bugs open that are similar but for other objects. These will be used to actually align items by last baseline for flex containers and grids (which are other bugs).