Chromium Code Reviews| 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> |