forked from mirrors/gecko-dev
46e6cd5f54
Automatic update from web-platform-tests Avoid creating multicol rows too short for monolithic content. It may be better to push the row of an inner multicol to the next outer fragmentainer, as that may provide more room to place monolithic content. Bug: 829028 Change-Id: Ic395a3de607598ae5686feaa2ad8c24b68266ad1 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3132982 Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Reviewed-by: Alison Maher <almaher@microsoft.com> Cr-Commit-Position: refs/heads/main@{#916967} -- wpt-commits: 51d37b47d43b7581057b6a113db12631a16265db wpt-pr: 30262
13 lines
812 B
HTML
13 lines
812 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-break-3/#unforced-breaks">
|
|
<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; column-gap:0; height:120px;">
|
|
<div style="height:100px; background:green;"></div>
|
|
<div style="columns:2; column-fill:auto; column-gap:0; height:100px; background:red;">
|
|
<div style="vertical-align:top; display:inline-block; width:200%; height:100px; background:green;"></div>
|
|
</div>
|
|
</div>
|