Description
Consider: https://www.software.hixie.ch/utilities/js/live-dom-viewer/?saved=10775
<!DOCTYPE html>
baseline
<div style="border: solid 3px; display: inline-flex; flex-direction: row-reverse;">
<div style="background: lime;">a</div>
<div style="background: hotpink; font-size: 30px;">b</div>
</div>Here all implementions pick up the "a" baseline (logically last), instead of the "b".
Similar for column flexboxes:
https://www.software.hixie.ch/utilities/js/live-dom-viewer/?saved=10776
Following this logic for "last baseline" would mean the last baseline is at the top. (Note Firefox doesn't appear to support this case - unsure what its doing).
Are implementations correct?
I believe implementations are incorrect per-spec - from: https://drafts.csswg.org/css-flexbox-1/#flex-baselines
"To this end, the baselines of a flex container are determined as follows (after reordering with order, and taking flex-direction into account):"
But should be explicit. Note there are several WPTs asserting this behaviour.