Files
Morten Stenshorne 9d2c570d20 Bug 1866919 [wpt PR 43380] - Properly resume content pushed by interleaved float., a=testonly
Automatic update from web-platform-tests
Properly resume content pushed by interleaved float.

A float may be interleaved by other content, if a break is inserted
before the block-end padding/border of the float. Then there may be room
available to other content below the content-box of the float in one
fragmentainer. If the remaining part of the float (i.e. the block-end
padding/border) in the next fragmentainer is too tall for the other
content to resume there, we might not make any progress at all there. In
such cases we need to repropagate any incoming child break tokens that
we didn't get to handle and retry in a fragmentainer further ahead.

Bug: 1505182
Change-Id: I7a385ab239d3656c136b8fcd23109d1fac648de8
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5063008
Reviewed-by: Ian Kilpatrick <[email protected]>
Commit-Queue: Morten Stenshorne <[email protected]>
Cr-Commit-Position: refs/heads/main@{#1229886}

--

wpt-commits: b8feefd1b01f6f18ad0c1d9ee89e65555d1b2bce
wpt-pr: 43380
2023-12-01 09:23:49 +00:00

20 lines
919 B
HTML

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:[email protected]">
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1505182">
<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:2; column-fill:auto; gap:0; line-height:20px; width:50px; height:100px; orphans:1; widows:1; background:green;">
<div style="float:right; height:30px; width:50%; padding-bottom:150px;"></div>
<div style="float:right; width:100%;">
<div style="float:right; contain:size; width:100%; height:91px; background:green;"></div>
<div style="float:right; width:100%; height:109px; background:green;"></div>
<br>
<br>
<br>
<br>
<br>
</div>
</div>
</div>