Skip to content

[css-align] Overconstrained Baseline Content-Alignment with box-sizing:border-box and a max-height? #130

@MatsPalmgren

Description

@MatsPalmgren

https://drafts.csswg.org/css-align-3/#baseline-align-content
"minimum necessary extra space is added between its start (end) content
edge and its alignment subject’s edge to align its alignment baseline
in that axis"

What should happen when the alignment subject has box-sizing:border-box
and a max-[width|height] in the relevant axis, and adding "minimum
necessary extra space" to meet the baseline would exceed the given
max size?

I can't find anything in the CSS Align spec that says anything about
this case.

I can think of a few alternatives:
A. add padding up to the max size and then add margin after that
(honor both baseline alignment and the given max-size, but not
align-self)
B. add padding up to the max size
(honor the given max-size and align-self, but not baseline
alignment)
C. ignore the max size
(honor align-self and baseline alignment, but not the max size)

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions