E46E [css-align] Define `align-content: baseline` for flex containers · Issue #3005 · w3c/csswg-drafts · GitHub
[go: up one dir, main page]

Skip to content

[css-align] Define align-content: baseline for flex containers #3005

@dholbert

Description

@dholbert

Spec link: https://drafts.csswg.org/css-align/#baseline-align-content

This text has multiple references to the item's "inline axis" -- e.g.

Flex Items:
A flex item participates in first (last) baseline content-alignment in its flex line if its computed align-content is first baseline (last baseline) and its inline axis is parallel to the main axis.
Grid Items:
A grid item participates in first (last) baseline content-alignment in its startmost (endmost) row or column (whichever is parallel to its inline axis) and if its computed align-content is first baseline (last baseline).

To me, this reliance on the item's "inline axis" indicates that there's an assumption that "align-content" will always be having an impact that is orthogonal to the item's inline axis (i.e. shifting its contents up or down, in a horizontal-tb writing mode).

However: if the item happens to be a flex container with flex-direction:column, then align-content operates in the opposite axis from what it would normally operate in. (i.e. it would shift contents right or left, in a horizontal-tb writing mode)

So it seems odd that there's a dependency on the element's inline axis in particular -- I think perhaps this spec text really means to say "inline axis [or main axis, if the item is a flex container]"?

Caveat: I haven't implemented this align-content:baseline behavior yet, for flexbox -- I'm just trying to wrap my mind around how it should work.

CC @tabatkins @fantasai

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0