third_party/WebKit/LayoutTests/fast/css/overflow-rtl-border-after.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Border-after in vertical-rl mode, non-visible overflow</title>
   5     <style>
   6       body { color:black; background:white; }
   7       #container {
   8         -webkit-writing-mode: vertical-rl;
   9         writing-mode: vertical-rl;
  10         overflow:scroll;
  11         width:100px;
  12         border-left:150px solid white;
  13         background:red;
  14       }
  15       #inner { width:200px; background:white; }
  16     </style>
  17     <script src="../../resources/check-layout.js"></script>
  18   </head>
  19   <body onload="checkLayout('#container'); container.scrollLeft = 1000;">
  20     <!-- We have to set the scroll position, because of https://bugs.webkit.org/show_bug.cgi?id=76129
  21          Furthermore, inner.scrollIntoView() doesn't work, so just set some insane left value.
  22          This is just to make it look good; checkLayout() doesn't care. -->
  23     <p>The word 'HEST' should be seen below, and there should be no red.</p>
  24     <div id="container" data-expected-scroll-width="200">
  25       <div id="inner">HEST</div>
  26     </div>
  27   </body>
  28 </html>