Skip to content

[css-writing-modes-4][css-flexbox-1] Orthogonal column flex containers #4221

Closed
@tabatkins

Description

@tabatkins

If you have a column flexbox that is orthogonal to its parent, and whose flex items are parallel (not orthogonal), per spec we pass the parent's infinite available block size to the flexbox's inline size, which then passes to the flex item, giving the flex item an infinite available inline size without the flex item itself being orthogonal.

Implementations don't seem to do this. They apply the ICB clamping to the flexbox itself, then the flex items just lay out into that (finite, definite) size.

Assuming this is what we want, we'll need to tweak Flexbox's wording a little bit, and possibly Writing Modes to match.

Repro:

<!DOCTYPE html>
<div style="display: flex; writing-mode: vertical-rl; flex-flow: column; border: 40px double;">
 <span>foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo </span>
 <span>foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo </span>

<style>
span { border: orange solid 40px;; }

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions