mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-12 06:08:24 +02:00
0d1bbaf851
Automatic update from web-platform-testsSet orphans and widows to 1 in new multicol test. The test left orphans / widows at their initial value (2), but did assume that we could freely break wherever we wanted. Blink honors orphans and widows requirements inside multicol containers, so set them to 1, to get the behavior that the test expects. Bug: 904263 Change-Id: Ia138da5c65b1c5da450441f38e033320bc983a94 Reviewed-on: https://chromium-review.googlesource.com/c/1331389 Reviewed-by: Rune Lillesveen <futhark@chromium.org> Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Cr-Commit-Position: refs/heads/master@{#607211} -- wpt-commits: 0d4f539f5d4c7272c9fe07bd204674b207e4a979 wpt-pr: 14021
49 lines
1.2 KiB
HTML
49 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<meta charset="utf-8">
|
|
<title>CSS Multi-column Layout Test: multi-column and margin bottom of last child</title>
|
|
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
|
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
|
<link rel="help" href="https://drafts.csswg.org/css-multicol-1/#the-multi-column-model">
|
|
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
|
|
<meta name="assert" content="This test checks the margin-bottom of the last child of a multi-column should not affect its parent's margin-bottom.">
|
|
|
|
<style>
|
|
article {
|
|
font: 25px/25px Ahem;
|
|
color: green;
|
|
background-color: green;
|
|
width: 100px;
|
|
column-count: 2;
|
|
column-gap: 0;
|
|
margin-bottom: 0;
|
|
orphans: 1;
|
|
widows: 1;
|
|
}
|
|
|
|
article div:last-child {
|
|
margin-bottom: 13px;
|
|
}
|
|
</style>
|
|
|
|
<body>
|
|
<p>Test passes if there is a filled green square.</p>
|
|
<article>
|
|
<div>a1 a2 a3 a4</div>
|
|
<div>a5</div>
|
|
</article>
|
|
<article>b1 b2</article>
|
|
|
|
<!--
|
|
Expected result:
|
|
|
|
|------+------|
|
|
| a1 | a4 |
|
|
| a2 | a5 |
|
|
| a3 |margin|
|
|
|------+------|
|
|
| b1 | b2 |
|
|
|------+------|
|
|
-->
|
|
</body>
|
|
</html>
|