Index: third_party/WebKit/LayoutTests/fragmentation/overflow-crossing-boundary.html |
diff --git a/third_party/WebKit/LayoutTests/fragmentation/overflow-crossing-boundary.html b/third_party/WebKit/LayoutTests/fragmentation/overflow-crossing-boundary.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..1795f9c2fd7cb239d707d6a23c5704361fa83e50 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fragmentation/overflow-crossing-boundary.html |
@@ -0,0 +1,57 @@ |
+<!DOCTYPE html> |
+<div id="multicol" style="position:relative; columns:2; column-fill:auto; line-height:20px; orphans:1; widows:1; background:yellow;"> |
+ <div style="width:4em;"> |
+ <div style="height:20px; background:hotpink;"></div> |
+ <div style="height:15px;"> |
+ <div id="child1">line</div> |
+ <div id="child2">line</div> |
+ <div id="child3">line</div> |
+ <div id="child4">line</div> |
+ <div id="child5">line</div> |
+ </div> |
+ </div> |
+</div> |
+<script src="../resources/testharness.js"></script> |
+<script src="../resources/testharnessreport.js"></script> |
+<script> |
+test(() => { |
+ var multicol = document.getElementById("multicol"); |
+ var child1 = document.getElementById("child1"); |
+ var child2 = document.getElementById("child2"); |
+ var child3 = document.getElementById("child3"); |
+ var child4 = document.getElementById("child4"); |
+ var child5 = document.getElementById("child5"); |
+ |
+ assert_equals(child1.offsetTop, 20); |
+ assert_equals(child2.offsetTop, 40); |
+ assert_equals(child3.offsetTop, 0); |
+ assert_equals(child4.offsetTop, 20); |
+ assert_equals(child5.offsetTop, 40); |
+ |
+ multicol.style.height = "90px"; |
+ assert_equals(child3.offsetTop, 60); |
+ assert_equals(child4.offsetTop, 0); |
+ assert_equals(child5.offsetTop, 20); |
+ |
+ multicol.style.height = "80px"; |
+ assert_equals(child3.offsetTop, 60); |
+ assert_equals(child4.offsetTop, 0); |
+ assert_equals(child5.offsetTop, 20); |
+ |
+ multicol.style.height = "110px"; |
+ assert_equals(child3.offsetTop, 60); |
+ assert_equals(child4.offsetTop, 80); |
+ assert_equals(child5.offsetTop, 0); |
+ |
+ multicol.style.height = "200px"; |
+ assert_equals(child3.offsetTop, 60); |
+ assert_equals(child4.offsetTop, 80); |
+ assert_equals(child5.offsetTop, 100); |
+ |
+ multicol.style.height = "100px"; |
+ assert_equals(child3.offsetTop, 60); |
+ assert_equals(child4.offsetTop, 80); |
+ assert_equals(child5.offsetTop, 0); |
+ |
+}, "Overflow should also be fragmented."); |
+</script> |