fune/testing/web-platform/tests/css/css-multicol/nested-after-float-clearance.html
Morten Stenshorne e7aafcaddf Bug 1755714 [wpt PR 32861] - Don't break before nested floated multicol at fragmentainer start., a=testonly
Automatic update from web-platform-tests
Don't break before nested floated multicol at fragmentainer start.

CL:3344659 made sure that we didn't freeze / crash, but it still
incorrectly pushed the float to the next fragmentainer. I knew that this
wasn't good, and since then I've realized that it wasn't even good
*enough*. :-P While analyzing crbug.com/1289532 (which this CL *doesn't*
fix), I came up with a test (nested-after-float-clearance.html) where we
end up wanting to push a float in front of us past multiple
fragmentainers, until we're past float clearance. And this failed
DCHECK(!BreakToken()) in NGColumnLayoutAlgorithm. It's fine to have an
incoming break token, as long it's a break-before break token.

Upgrade nested-floated-multicol-with-monolithic-child-crash.html to a
reftest, now that we're able to lay it out correctly.

Bug: 1280624
Change-Id: Iaa24e027a12c08abca44df5b700b566a640fe7a0
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3461383
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Cr-Commit-Position: refs/heads/main@{#972388}

--

wpt-commits: 2b3e73f573fdd761da9006444fec1a08c2c22165
wpt-pr: 32861
2022-03-21 06:50:03 +00:00

10 lines
699 B
HTML

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#the-multi-column-model">
<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#propdef-clear">
<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:4; column-gap:0; column-fill:auto; width:100px; height:100px; background:red;">
<div style="float:left; width:100%; height:200px; background:green;"></div>
<div style="clear:left; columns:2; column-fill:auto; height:200px; background:green;"></div>
</div>