Index: LayoutTests/fast/multicol/vertical-lr/client-rect-after-spanner.html |
diff --git a/LayoutTests/fast/multicol/vertical-lr/client-rect-after-spanner.html b/LayoutTests/fast/multicol/vertical-lr/client-rect-after-spanner.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..9d364391da588405fca4a5d729d8433f36f1c87d |
--- /dev/null |
+++ b/LayoutTests/fast/multicol/vertical-lr/client-rect-after-spanner.html |
@@ -0,0 +1,26 @@ |
+<!DOCTYPE html> |
+<script src="../../../resources/js-test.js"></script> |
+<script> |
+ description("Test that getBoundingClientRect works as expected on content after a spanner, writing-mode is vertical-lr"); |
+</script> |
+<div style="-webkit-column-count:3; -webkit-column-gap:16px; -webkit-writing-mode:vertical-lr; position:absolute; top:100px; left:100px; line-height:50px; height:332px;"> |
+ <br><br><br><br><br> |
+ <div style="-webkit-column-span:all; height:20px;"></div> |
+ <div id="elm1"><br></div> |
+ <div id="elm2"><br></div> |
+ <div id="elm3"><br></div> |
+ <div id="elm4"><br></div> |
+ <div id="elm5"><br></div> |
+</div> |
+<script> |
+ shouldBe("document.getElementById('elm1').getBoundingClientRect().left", "200"); |
+ shouldBe("document.getElementById('elm1').getBoundingClientRect().top", "100"); |
+ shouldBe("document.getElementById('elm2').getBoundingClientRect().left", "250"); |
+ shouldBe("document.getElementById('elm2').getBoundingClientRect().top", "100"); |
+ shouldBe("document.getElementById('elm3').getBoundingClientRect().left", "200"); |
+ shouldBe("document.getElementById('elm3').getBoundingClientRect().top", "216"); |
+ shouldBe("document.getElementById('elm4').getBoundingClientRect().left", "250"); |
+ shouldBe("document.getElementById('elm4').getBoundingClientRect().top", "216"); |
+ shouldBe("document.getElementById('elm5').getBoundingClientRect().left", "200"); |
+ shouldBe("document.getElementById('elm5').getBoundingClientRect().top", "332"); |
+</script> |