XLinfini/sousa-gecko
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
caec8eadf94de1a1028c08b72ca34210649755d2
sousa-gecko/testing/web-platform/tests/css/css-flexbox/flexbox-flex-wrap-flexing-002.html
T
Ian Kilpatrick 3c00850d6f Bug 1937284 [wpt PR 49695] - [flex] Break all items into flex-lines upfront., a=testonly 
Automatic update from web-platform-tests
[flex] Break all items into flex-lines upfront.

Previously we'd break items into flex-lines, line-by-line.

This meant that we'd never correctly compute the
"main_axis_inner_size" for column wrapped flex-lines (as you need
to calculate the max_sum_hypothetical_main_size, vs. just the
sum_hypothetical_main_size for the individual line.

This patch breaks items into flex-lines all in one pass. This means
that we can correctly determine the space to flex into fixing
justify-content-007.

Additionally adds a couple of tests for the flexing broken case.

After this patch we can now (relatively) easily add balancing.

Fixed: 40777433
Change-Id: I588adc16d6c066eeb925380f93ef8695a6211317
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6093961
Reviewed-by: David Grogan <dgrogan@chromium.org>
Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1396366}

--

wpt-commits: 4fffa230467fed1d8eb99e9471db778832c07713
wpt-pr: 49695
2024-12-18 13:20:57 +00:00

9 lines
486 B
HTML
Raw Blame History

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#flex-lines">
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="display: flex; flex-direction: column; flex-wrap: wrap; max-height: 100px; width: 100px;">
<div style="background: green; width: 50px; height: 50px; flex-grow: 1;"></div>
<div style="background: green; width: 50px; height: 100px;"></div>
</div>
Reference in New Issue View Git Blame Copy Permalink