| Index: LayoutTests/fast/multicol/min-height-greater-than-content.html
|
| diff --git a/LayoutTests/fast/multicol/min-height-greater-than-content.html b/LayoutTests/fast/multicol/min-height-greater-than-content.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..66f4aab2808fb4cc8721bcc4da77ac0917f9bc06
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/multicol/min-height-greater-than-content.html
|
| @@ -0,0 +1,21 @@
|
| +<!DOCTYPE html>
|
| +<script src="../../resources/check-layout.js"></script>
|
| +<style>
|
| + .box { width:20px; height:80px; -webkit-column-break-inside:avoid; background:blue; }
|
| +</style>
|
| +<p>Min-height should make the multicol container taller if min-height is greater than the content
|
| + height, but it should not affect column balancing. We specify column-fill:auto here, but the
|
| + columns should still be balanced, because height is auto. Note that in this test, the balanced
|
| + content is shorter than min-height, which is what matters. The height of the uncolumnized
|
| + content (i.e. the flowthread), on the other hand, is actually greater than min-height (but that
|
| + shouldn't make any difference).</p>
|
| +<p>Below there should be a blue square above a yellow square.</p>
|
| +<div id="test" style="position:relative; -webkit-columns:4; -webkit-column-gap:0; column-fill:auto; width:80px; min-height:160px; background:yellow;">
|
| + <div class="box" data-offset-y="0"></div>
|
| + <div class="box" data-offset-y="0"></div>
|
| + <div class="box" data-offset-y="0"></div>
|
| + <div class="box" data-offset-y="0"></div>
|
| +</div>
|
| +<script>
|
| + checkLayout("#test");
|
| +</script>
|
|
|