Index: third_party/WebKit/LayoutTests/fast/multicol/balance-float-with-margin-top-and-line-after-break.html |
diff --git a/third_party/WebKit/LayoutTests/fast/multicol/balance-float-with-margin-top-and-line-after-break.html b/third_party/WebKit/LayoutTests/fast/multicol/balance-float-with-margin-top-and-line-after-break.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..7b6d482d2a75d7bce446bb505b113c4ead24bd02 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/multicol/balance-float-with-margin-top-and-line-after-break.html |
@@ -0,0 +1,27 @@ |
+<!DOCTYPE html> |
+<p>There should be a blue rectangle centered at the bottom of a brown rectangle.</p> |
+<div id="house" style="position:relative; columns:3; column-gap:0; line-height:20px; width:120px; orphans:1; widows:1; background:brown;"> |
+ <br> |
+ <br> |
+ <br> |
+ <div id="doorTop" style="float:left; width:100%; margin-top:20px; background:blue;"><br></div> |
+ <div style="clear:both;"> |
+ <div id="doorBottom" style="background:blue;"><br></div> |
+ <br> |
+ <br> |
+ </div> |
+</div> |
+<script src="../../resources/testharness.js"></script> |
+<script src="../../resources/testharnessreport.js"></script> |
+<script> |
+test(() => { |
+ var house = document.getElementById("house"); |
+ var doorTop = document.getElementById("doorTop"); |
+ var doorBottom = document.getElementById("doorBottom"); |
+ assert_equals(house.offsetHeight, 60); |
+ assert_equals(doorTop.offsetTop, 20); |
+ assert_equals(doorTop.offsetHeight, 20); |
+ assert_equals(doorBottom.offsetTop, 40); |
+ assert_equals(doorBottom.offsetHeight, 20); |
+}, "Float that should be pushed to the top of the second column."); |
+</script> |