Skip to content

[css-flexbox-1] Flex container baselines with "flex-wrap: wrap-reverse" present. #7774

Open
@bfgeek

Description

@bfgeek

Consider the following example:

https://www.software.hixie.ch/utilities/js/live-dom-viewer/?saved=10771

<!DOCTYPE html>
<body style="display: flex; align-items: baseline;">
  baseline
  <div style="border: solid 3px; display: inline-flex; flex-direction: row; flex-wrap: wrap-reverse; width: 25px;">
    <div style="background: lime;">a</div>
    <div style="background: hotpink; font-size: 30px;">b</div>
    <div style="background: lime;">a</div>
    <div style="background: hotpink; font-size: 30px;">b</div>
  </div>
</body>

Here all implementations will align to the visually "last" flex-line. If we follow the same pattern for "last baseline" it'll mean that we'll align to the visually "first" flex-line (Firefox doesn't seem to align to this baseline however). Is this what we want?

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