third_party/WebKit/LayoutTests/fast/multicol/newmulticol/hide-box-horizontal-bt.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>hiding a box covering a multicol, horizontal-bt</title>
   5         <script>
   6             if (window.testRunner)
   7                 testRunner.waitUntilDone();
   8             function scheduleHide() {
   9                 document.body.offsetLeft;
  10                 setTimeout("hideIt()", 100);
  11             }
  12             function hideIt() {
  13                 document.getElementById('hider').style.visibility = 'hidden';
  14                 document.body.offsetLeft;
  15                 if (window.testRunner)
  16                     testRunner.notifyDone();
  17             }
  18         </script>
  19     </head>
  20     <body onload="scheduleHide()">
  21         <p>The word PASS should be seen below.</p>
  22         <div style="position:relative; background:lime;">
  23             <div id="hider" style="position:absolute; z-index:1; left:5.1em; bottom:2em; width:3em; height:3em; background:red;"></div>
  24             <div style="position:absolute; z-index:1; left:0; right:0; top:0; height:6em; background:white;"></div> <!-- make it fail if writing-mode isn't supported  -->
  25             <div style="width:20em; height:20em; -webkit-writing-mode:horizontal-bt;">
  26                 <div style="-webkit-columns:4; -webkit-column-gap:0; columns:4; column-fill:auto; column-gap:0; orphans:1; widows:1; height:6em; line-height:2em; background:cyan;">
  27                     <br>
  28                     <br>
  29                     <br>
  30                     <br>
  31                     <div style="position:relative;">&nbsp;PASS</div>
  32                 </div>
  33             </div>
  34         </div>
  35     </body>
  36 </html>