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

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