fune/testing/web-platform/tests/css/css-multicol/float-and-block.html
Morten Stenshorne 378acaf824 Bug 1452186 [wpt PR 9996] - [LayoutNG] Use the containing LayoutBlock for legacy write-back., a=testonly
Automatic update from web-platform-tests[LayoutNG] Use the containing LayoutBlock for legacy write-back.

The LayoutBox associated with a block node will *normally* be the
containing block (on the legacy side) of its children (on the NG side),
but this isn't an invariant. Multicol and list item markers are
two examples.

Remove the kembo DCHECK, since it seems impossible to come up with a
complete list of exceptions to the rule (that the node's box should be
the containing block of the child nodes' boxes). Instead always get the
right containing block from legacy layout. Don't use that of the node.

With the DCHECK removed, a lot of tests stop crashing, and some just
start passing instead. One known effect of this change is that floats
that are direct children of multicol containers are painted correctly.
They used to be added to the float list of the multicol container,
rather than that of the flow thread, which caused two problems: paint
order (regular blocks got painted on top of them), and that they
appeared unfragmented (they just overflowed the multicol container
instead). Added a test for that.

Cq-Include-Trybots: master.tryserver.chromium.linux:linux_layout_tests_layout_ng
Change-Id: I1ee926c39fbedfd52d87e9cf790996909914efb2
Reviewed-on: https://chromium-review.googlesource.com/960027
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Reviewed-by: Emil A Eklund <eae@chromium.org>
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: Aleks Totic <atotic@chromium.org>
Cr-Commit-Position: refs/heads/master@{#543065}

wpt-commits: 258c8ad68769f8b1fa7e1bb760c8228169506dcd
wpt-pr: 9996
wpt-commits: 258c8ad68769f8b1fa7e1bb760c8228169506dcd
wpt-pr: 9996
2018-04-15 08:31:35 +01:00

10 lines
644 B
HTML

<!DOCTYPE html>
<title>Paint order with float VS regular block is correct inside multicol</title>
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/CSS22/zindex.html#painting-order" title="E.2 Painting order">
<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; column-gap:0; width:100px; background:hotpink;">
<div style="float:left; width:50px; height:200px; background:green;"></div>
<div style="height:200px; background:red;"></div>
</div>