src/third_party/WebKit/LayoutTests/fast/multicol/newmulticol/hide-box-vertical-rl.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>hiding a box covering a multicol, vertical-rl</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()" style="color:black; background:white;">
  21         <p>The word PASS should be seen below.</p>
  22         <div style="position:relative; width:30em; background:black;">
  23             <div id="hider" style="position:absolute; z-index:1; top:5.1em; right:12em; width:3em; height:3em; background:red;"></div>
  24             <div style="width:20em; height:20em; -webkit-writing-mode:vertical-rl;">
  25                 <div style="-webkit-columns:4; -webkit-column-gap:0; columns:4; column-fill:auto; column-gap:0; orphans:1; widows:1; -webkit-logical-height:6em; line-height:2em; background:cyan;">
  26                     <br>
  27                     <br>
  28                     <br>
  29                     <br>
  30                     <div style="position:relative;">&nbsp;PASS</div>
  31                 </div>
  32             </div>
  33         </div>
  34     </body>
  35 </html>