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> |