orthogonal-flow-with-inline-end-margin.html (773B)
1 <!DOCTYPE html> 2 <title>Scrollable container with orthogonal writing-mode child with inline-end margin</title> 3 <link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> 4 <link rel="help" href="https://www.w3.org/TR/CSS22/visufx.html#propdef-overflow"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <div id="container" style="writing-mode:vertical-rl; overflow:auto; width:100px; height:100px;"> 8 <div style="writing-mode:horizontal-tb; width:100px; height:100px; margin-bottom:200px;"></div> 9 </div> 10 <script> 11 test(function() { 12 var container = document.getElementById("container"); 13 assert_equals(container.scrollWidth, 100); 14 assert_equals(container.scrollHeight, 300); 15 }); 16 </script>