Skip to content

[css-align] justify/align have double effect in fieldsets? #8690

Open
@davidsgrogan

Description

@davidsgrogan

HTML specifies that fieldset elements generate a principal box that establishes a box formatting context. Then, the anonymous fieldset content box inherits the justify/align properties from the fieldset element.

So, the justify/align properties take effect in the anonymous content box AND the principal box.

Things get hairy with column flexboxes:

<fieldset style="display: flex; flex-flow: column; align-content: end; width: 200px; min-height: 200px;">
  <div style="width: 100px; height: 100px;"></div>
</fieldset>

If align-content: end applies in both principal and anonymous boxes, then the 100x100 square will be on the bottom right of the fieldset: the principal box moves the anonymous box to the bottom because that's what align-content: end does in block flow, then the anonymous box moves the flex item to the right, because that's what align-content: end does in column flexboxes.

For simplicity, can we change css-align to require that {justify/align}-{items/content} properties don't take effect in fieldset-generated principal boxes?

This is a bit intertwined with the proposal to change how the anonymous content box's height is derived at whatwg/html#9123.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions