mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-10 21:28:04 +02:00
59218204a2
Automatic update from web-platform-testsDon't let outer multicol height confuse orphans/widows on inner multicol. In the initial layout pass of a multicol container with auto height, there'll be no known breaks, but we will honor the contraints of any outer fragmentation context, and insert pagination struts if necessary. These pagination struts need to be ignored when we calculate the height requirements imposed by orphans and widows requirements, or we risk making the inner multicol too tall. Bug: 891703 Change-Id: Ia9281508fcbba3572d653f1bbf863f045db71827 Reviewed-on: https://chromium-review.googlesource.com/c/1296492 Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Commit-Queue: Emil A Eklund <eae@chromium.org> Reviewed-by: Emil A Eklund <eae@chromium.org> Cr-Commit-Position: refs/heads/master@{#601923} -- wpt-commits: 7ac0903a5721fbefd4a5e40ab1ad41839cb7d395 wpt-pr: 13682
19 lines
1 KiB
HTML
19 lines
1 KiB
HTML
<!DOCTYPE html>
|
|
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
|
|
<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/#widows-orphans">
|
|
<meta name="assert" content="Make sure that orphans and widows handling inside an inner balanced multicol container doesn't get messed up by the constraining height of an outer multicol container">
|
|
<p>There should be three columns below. The text in each column should match the
|
|
column number that the text actually ends up in.</p>
|
|
<div style="columns:2; height:250px; line-height:50px; column-fill:auto;">
|
|
<div style="columns:3; column-rule:solid;" id="inner">
|
|
1<br>1<br>2<br>2<br>3<br>3<br>
|
|
</div>
|
|
</div>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script>
|
|
test(()=> {
|
|
assert_equals(inner.offsetHeight, 100);
|
|
}, "Check that orphans and widows don't make a multicol container taller than necessary");
|
|
</script>
|