Index: third_party/WebKit/LayoutTests/fast/multicol/span/after-row-with-uneven-height-nested-multicol.html |
diff --git a/third_party/WebKit/LayoutTests/fast/multicol/span/after-row-with-uneven-height-nested-multicol.html b/third_party/WebKit/LayoutTests/fast/multicol/span/after-row-with-uneven-height-nested-multicol.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..b59e2e04580d1ba2ba45df0a898bb693eaf09540 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/multicol/span/after-row-with-uneven-height-nested-multicol.html |
@@ -0,0 +1,25 @@ |
+<!DOCTYPE html> |
+<style> |
+ body { overflow:hidden; } /* Prevent extra layout pass (which could hide the problem) */ |
leviw_travelin_and_unemployed
2015/12/01 18:26:40
Scrollbar spam!
|
+</style> |
+<p>In nested multicol, test that an inner spanner that follows a |
+ column row whose contents cannot be evenly balanced (the row has 2 |
+ columns and 5 lines of equal height) ends up where it should.</p> |
+<p>There should be a blue square below.</p> |
+<div style="-webkit-columns:3; -webkit-column-gap:0; column-fill:auto; width:120px; line-height:120px; height:360px;"> |
+ <div style="-webkit-columns:2; -webkit-column-gap:0;"> |
+ <div style="background:blue;"><br></div> <!-- first line in first column --> |
+ <br> |
+ <br> |
+ <div style="background:blue;"><br></div> <!-- first line in second column --> |
+ <br> |
+ <div style="-webkit-column-span:all; background:blue;"><br></div> |
+ <br> |
+ <br> |
+ <br> |
+ <br> |
+ <div style="background:blue;"><br></div> <!-- first line in fourth column --> |
+ <br> |
+ <div style="background:blue;"><br></div> <!-- first line in fifth column --> |
+ </div> |
+</div> |