fune/testing/web-platform/tests/css/css-multicol/multicol-nested-007.html
Morten Stenshorne 46d421af05 Bug 1728126 [wpt PR 30229] - Avoid breaking violations in nested column rows., a=testonly
Automatic update from web-platform-tests
Avoid breaking violations in nested column rows.

Downgrade the break appeal inside a multicol fragment, if there are
breaking violations, so that we may push the inner column row to the
next outer fragmentainer.

Had to update one test, because we suddenly start to honor orphans and
widows in such situations, which apparently doesn't work in the legacy
fragmentation engine.

Bug: 829028
Change-Id: Ia57fe0c3afa5b16057c0ebdb372653684cd489af
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3129467
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@{#916497}

--

wpt-commits: 601e470c45edf62279a0a47521837feb43da7307
wpt-pr: 30229
2021-09-02 10:31:01 +00:00

15 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-break-3/#widows-orphans">
<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:160px; orphans:2; widows:2;">
<div style="height:100px; background:green;"></div>
<div style="columns:2; column-fill:auto; column-gap:0; height:100px;">
<div style="display:inline-block; vertical-align:top; width:200%; height:50px; background:green;"></div><br>
<div style="display:inline-block; vertical-align:top; width:200%; height:50px; background:green;"></div><br>
</div>
</div>
</div>