Skip to content

Conversation

@gitspeaks
Copy link
Contributor

Per sections 9.7(3) and 9.7(4), the loop at 9.7(5) may begin with all flex items already frozen and with initial free space remaining that is not distributed.

Example:

<!DOCTYPE html>
<style>
  .flex {
    display: flex;
    flex-flow: row nowrap;
    width: 100px;
    background: red;    
  }
  .flex > div {    
    flex: 0 1 auto;
  }
</style>
<div class="flex">
  <div style="background-color: orange">A</div>
  <div style="background-color: blue">B</div>
  <div style="background-color: green">C</div>
</div>

I am submitting the pull request under the CC0 license

@gitspeaks
Copy link
Contributor Author

This is particularly important for allowing remaining free space for 9.5. Main-Axis Alignment

@fantasai fantasai merged commit 24c1b60 into w3c:main Jun 28, 2025
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants