Index: third_party/WebKit/LayoutTests/fast/multicol/balance-break-inside-avoid.html |
diff --git a/third_party/WebKit/LayoutTests/fast/multicol/balance-break-inside-avoid.html b/third_party/WebKit/LayoutTests/fast/multicol/balance-break-inside-avoid.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..fd167d39a57d8cf284ee618c09d673c9821657f0 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/multicol/balance-break-inside-avoid.html |
@@ -0,0 +1,15 @@ |
+<!DOCTYPE html> |
leviw_travelin_and_unemployed
2015/11/24 00:18:46
I found the original "test case" more amusing :p
mstensho (USE GERRIT)
2015/11/24 06:37:27
Yeah... I had to stare at it for one whole day bef
|
+<script src="../../resources/check-layout.js"></script> |
+<style> |
+ .multicol { -webkit-columns:2; -webkit-column-gap:0; position:relative; width:200px; background:blue; } |
+ .multicol * { -webkit-column-break-inside:avoid; height:100px; background:white; } |
+</style> |
+<p>There should be a blue square below.</p> |
+<div class="multicol" data-expected-height="200"> |
+ <div data-offset-x="0" data-offset-y="0"></div> |
+ <div data-offset-x="0" data-offset-y="100"></div> |
+ <div data-offset-x="100" data-offset-y="0"></div> |
+</div> |
+<script> |
+ checkLayout(".multicol"); |
+</script> |