Make flexbox and flex items obey the positional alignment keywords from https://drafts.csswg.org/css-align-3/#positional-values. Flexbox previously only obeyed center, flex-start, and flex-end. The additional alignment keywords (start, end, self-start, self-end, left, right) allow authors to more easily align the flex items in the face of varying writing modes and flex flows.
Without these additional keywords, developers need to change the keyword values whenever they change the writing mode, text direction, or flex reversal properties (flex-direction: row/column-reverse or align-content: wrap-reverse). The keywords implemented here let them set alignment once.
Interop: Blink's implementation matches Firefox as far as I've discovered. WebKit hasn't implemented. Compat: There may be some sites that use these keywords even though Blink haven't supported them until now. In those cases the sites may look different when Blink support rolls out.
Developers can start using these right away in Blink.
Devtools might want to support these keywords in their flexbox editor. https://crbug.com/1217841
> an email to blink-dev+unsubscribe@chromium.org
> <mailto:blink-dev+unsubscribe@chromium.org>.
LGMT3
/Daniel
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/7921c402-d0c6-40d3-a255-50a77da251e9n%40chromium.org.