2 <script src=
"../../../resources/js-test.js"></script>
4 description("Test that getBoundingClientRect works as expected on content after a spanner, writing-mode is vertical-lr");
6 <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;">
8 <div style=
"-webkit-column-span:all; height:20px;"></div>
9 <div id=
"elm1"><br></div>
10 <div id=
"elm2"><br></div>
11 <div id=
"elm3"><br></div>
12 <div id=
"elm4"><br></div>
13 <div id=
"elm5"><br></div>
16 shouldBe("document.getElementById('elm1').getBoundingClientRect().left", "200");
17 shouldBe("document.getElementById('elm1').getBoundingClientRect().top", "100");
18 shouldBe("document.getElementById('elm2').getBoundingClientRect().left", "250");
19 shouldBe("document.getElementById('elm2').getBoundingClientRect().top", "100");
20 shouldBe("document.getElementById('elm3').getBoundingClientRect().left", "200");
21 shouldBe("document.getElementById('elm3').getBoundingClientRect().top", "216");
22 shouldBe("document.getElementById('elm4').getBoundingClientRect().left", "250");
23 shouldBe("document.getElementById('elm4').getBoundingClientRect().top", "216");
24 shouldBe("document.getElementById('elm5').getBoundingClientRect().left", "200");
25 shouldBe("document.getElementById('elm5').getBoundingClientRect().top", "332");