Skip to content

Commit 95c44ef

Browse files
bfgeekchromium-wpt-export-bot
bfgeek
authored and
chromium-wpt-export-bot
committed
[flex-balance] Add test for overflowing zero size item.
A zero sized item should be placed on the next line if the previous line is overflowing. Bug: 416755656 Change-Id: I14611120f7652649339502e521b9089e4db2ee18 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7851469 Reviewed-by: David Grogan <dgrogan@chromium.org> Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org> Cr-Commit-Position: refs/heads/main@{#1631610}
1 parent 1d3e3a2 commit 95c44ef

1 file changed

Lines changed: 21 additions & 0 deletions

File tree

‎css/css-flexbox/balance/balance-zero-size.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<link rel="help" href="https://drafts.csswg.org/css-flexbox-2/#algo-balance">
3+
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
4+
<meta name="assert" content="An overflowing item should not have any zero sized items on the same line.">
5+
<style>
6+
#flex {
7+
display: flex;
8+
flex-wrap: balance;
9+
width: 100px;
10+
background: red;
11+
}
12+
#flex > div {
13+
height: 50px;
14+
background: green;
15+
}
16+
</style>
17+
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
18+
<div id="flex">
19+
<div style="width: 150px;"></div>
20+
<div style="width: 0px; flex-grow: 1;"></div>
21+
</div>

0 commit comments

Comments
 (0)