third_party/WebKit/LayoutTests/fast/multicol/scrolling-column-rules.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Column rule in scrollable multicol container</title>
   5     <style>
   6       body {
   7         margin: 0;
   8       }
   9       .mc {
  10         columns: 2;
  11         column-gap: 110px;
  12         column-rule: 100px solid;
  13         -moz-columns: 2;
  14         -moz-column-gap: 110px;
  15         -moz-column-rule: 100px solid;
  16         -webkit-columns: 2;
  17         -webkit-column-gap: 110px;
  18         -webkit-column-rule: 100px solid;
  19         orphans: 1;
  20         widows: 1;
  21         height: 100px;
  22         overflow: hidden;
  23       }
  24     </style>
  25     <script>
  26       if (window.testRunner)
  27         testRunner.waitUntilDone();
  28       function foo() {
  29         document.getElementById('elm').scrollLeft = 200;
  30         if (window.testRunner)
  31           testRunner.notifyDone();
  32       }
  33     </script>
  34   </head>
  35   <body onload="foo()">
  36     <p>There should be <b>two</b> black squares below.</p>
  37     <div id="elm" class="mc">
  38       <div style="height:600px;"></div>
  39     </div>
  40   </body>
  41 </html>