fune/testing/web-platform/tests/css/css-multicol/multicol-fill-balance-nested-000.html
Morten Stenshorne d19f7dad3c Bug 1679900 [wpt PR 26682] - Don't let the column balancer calculate sizes that don't fit., a=testonly
Automatic update from web-platform-tests
Don't let the column balancer calculate sizes that don't fit.

If the initial balancing pass calculated a block-size that wasn't enough
to fit everything, stretch the columns, but not beyond what we have room
for in any outer fragmentation context.

Part of this fix is the realization that we cannot reliably tell up
front that we are going to need more outer fragmentatainers or not (if
block-size is auto); hence the rename from needs_more_fragments_in_outer
to bool allow_more_fragments_in_outer.

Bug: 829028
Change-Id: I2532312ca52cd2980da151f2c0f59177e4521144
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2566790
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Cr-Commit-Position: refs/heads/master@{#832276}

--

wpt-commits: 993ab1ed92b9066fb6d7964948a9ced827b22f36
wpt-pr: 26682
2020-12-07 09:25:50 +00:00

20 lines
953 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/css-multicol-1/#filling-columns">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#break-within">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<style>
#outer, #outer div { background: green; }
#inner * { break-inside: avoid; }
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="outer" style="columns:2; column-gap:0; column-fill:auto; width:100px; height:100px;">
<div id="inner" style="columns:2; column-gap:0;">
<div style="height:50px;"></div>
<div style="height:100px;">
<div style="margin-left:100%; width:100%; height:50px; background:red;"></div>
</div>
<div style="height:50px;"></div>
</div>
</div>