Skip to content

Frozen items do not guarantee complete distribution of free space #11405

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
merged 1 commit into from
Jun 28, 2025
Merged

Frozen items do not guarantee complete distribution of free space #11405

merged 1 commit into from
Jun 28, 2025

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

@gitspeaks gitspeaks mentioned this pull request Mar 27, 2025
Open
@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
Reviewers

@fantasai fantasai fantasai approved these changes

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@gitspeaks @fantasai