2 <!-- Any copyright is dedicated to the Public Domain.
3 http://creativecommons.org/publicdomain/zero/1.0/ -->
6 <title>CSS Flexbox Test: Fragmentation of block-size:auto single-line column flex container in a zero block-size multicol
</title>
7 <link rel=
"author" title=
"Daniel Holbert" href=
"mailto:dholbert@mozilla.com">
8 <link rel=
"author" title=
"Ting-Yu Lin" href=
"mailto:tlin@mozilla.com">
9 <link rel=
"author" title=
"Mozilla" href=
"http://www.mozilla.org/">
10 <link rel=
"help" href=
"https://drafts.csswg.org/css-flexbox-1/#pagination">
11 <link rel=
"match" href=
"flexbox-single-column-5-ref.html">
12 <meta name=
"assert" content=
"This test verifies fragmentation of flex containers can make progress in a zero block-size multicol.">
18 border:
1px solid black;
19 margin-block-end:
30px; /* Just to separate each sub-testcase visually. */
25 flex-direction: column;
31 box-decoration-break: clone;
37 <!-- Basic one with padding on the flex container.-->
38 <div class=
"multicol">
39 <div class=
"flexContainer">
40 <div>abc
</div><div>def
</div>
44 <!-- Larger padding and box-decoration-break:clone on the flex container.-->
45 <div class=
"multicol">
46 <div class=
"flexContainer boxDecorationBreak">
47 <div>abc
</div><div>def
</div>