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