Index: third_party/WebKit/LayoutTests/fast/multicol/balance-line-overflow.html |
diff --git a/third_party/WebKit/LayoutTests/fast/multicol/balance-line-overflow.html b/third_party/WebKit/LayoutTests/fast/multicol/balance-line-overflow.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..25d8e191c9d0f314ffc7d3e19e249a3e9f6afad0 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/multicol/balance-line-overflow.html |
@@ -0,0 +1,19 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/ahem.js"></script> |
+<p>There should be 5 short vertical lines below.</p> |
+<div style="columns:6; column-gap:2px; column-rule:2px solid; width:250px; font:20px/14px Ahem;"> |
+ <!-- We set a 20px tall font and a line height of 14px, so that text will overflow their line |
+ boxes. We thus get 6px of overflow, and the text will overflow the line equally above and |
+ below the line box, so that we have 3px on each side. The 3px of overflow below the lines |
+ needs to be counted as space shortage by the column balancer, or it will erroneously |
+ stretch the columns so much that two lines of text will fit in each column, leaving empty |
+ columns at the end. Which would be silly, given that we have 6 lines of equal height and 6 |
+ columns. --> |
+ |
+ <br> |
+ <br> |
+ <br> |
+ <br> |
+ <br> |
+ <br> |
+</div> |