mirror of
https://github.com/HeyPuter/firefox.git
synced 2026-11-13 20:14:57 -10:00
Morten Stenshorne
34ddc55f8f
Automatic update from web-platform-tests Add clearance correctly past fragmented floats. It used to be possible to squeeze in a zero-height child (in-flow or floated) at the bottom of a fragmentainer with fragmented floats, even if the child should have clearance applied. So, just adding an exclusion that goes all the way to the bottom of the fragmentainer won't do. That part ensures that containers are stretched correctly, but we actually need some additional logic to make sure that we don't attempt to insert content that should be cleared past the current fragmentainer. Bug: 829028 Change-Id: Ib9363936d1602bff7dc5ecb0e36eecdf62c91270 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3170395 Reviewed-by: Alison Maher <[email protected]> Reviewed-by: Ian Kilpatrick <[email protected]> Commit-Queue: Morten Stenshorne <[email protected]> Cr-Commit-Position: refs/heads/main@{#923287} -- wpt-commits: fed9a1c33add1474b2d34463ff1621a18f8cd071 wpt-pr: 30877
30 lines
1.5 KiB
HTML
30 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<link rel="author" title="Morten Stenshorne" href="mailto:[email protected]">
|
|
<link rel="help" href="https://www.w3.org/TR/css-break-3/#unforced-breaks">
|
|
<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#floats">
|
|
<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control">
|
|
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
|
<div style="width:100px; height:100px; background:red;">
|
|
<div style="columns:4; column-fill:auto; column-gap:0; height:150px;">
|
|
<div style="height:100px; background:green;"></div>
|
|
<div style="float:right; break-inside:avoid; width:60%; height:400px;">
|
|
<div style="height:100px; background:green;"></div>
|
|
<div style="height:50px;"></div>
|
|
<div style="height:100px; background:green;"></div>
|
|
<div style="height:50px;"></div>
|
|
<div style="height:60px; background:green;"></div>
|
|
</div>
|
|
<div style="clear:left; float:left; width:40%; height:0;">
|
|
<div style="height:100px; background:green;"></div>
|
|
<div style="height:50px;"></div>
|
|
<div style="height:100px; background:green;"></div>
|
|
<div style="height:50px;"></div>
|
|
<div style="height:60px; background:green;"></div>
|
|
</div>
|
|
<div style="clear:both; display:flow-root; height:0;">
|
|
<div style="height:40px; margin-top:-40px; background:green;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|