forked from mirrors/gecko-dev
f11566ed2d
Automatic update from web-platform-tests Avoid invalid class C break when a first inflow child fits beside float. If a container was cleared by a preceding float, and said container has a float and a BFC root child, and the BFC root fits beside the float, we'd incorrectly detect container separation before the BFC root, even though there was no gap between it and its container. We don't really need to let child_margin_got_separated be part of the container separation check, since we're already comparing block-offsets. That said, the whole child_margin_got_separated thing is a bit sketchy, in that there may be false positives. Added a TODO. Note that, among the tests included, only the -004 one would fail without this fix. The two others are just regression tests, to make sure that we still detect valid class C breakpoints in very similar situations. Bug: 1368518 Change-Id: I78ff2f5081e4a6878d4556ddbd859286da12e7d3 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3921636 Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Cr-Commit-Position: refs/heads/main@{#1053246} -- wpt-commits: 58c963f081777c28ab7600e70bc3c850b6b3b733 wpt-pr: 36104
16 lines
1 KiB
HTML
16 lines
1 KiB
HTML
<!DOCTYPE html>
|
|
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
|
<link rel="help" href="https://www.w3.org/TR/css-break-3/#possible-breaks">
|
|
<meta name="assert" content="There should be a class C breakpoint after the float, since the flow-root sibling doesn't fit beside the float, so that there'll be a gap to establish a class C break opportunity">
|
|
<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="columns:2; gap:0; column-fill:auto; width:100px; height:100px; background:red;">
|
|
<div style="width:200%;">
|
|
<div style="width:50%; height:50px; background:green;"></div>
|
|
<div style="float:left; width:50%; height:40px; background:green;"></div>
|
|
<div style="clear:both; width:50%; background:green;">
|
|
<div style="float:left; width:100%; height:5px;"></div>
|
|
<div style="display:flow-root; break-inside:avoid; width:50px; height:100px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|