third_party/WebKit/LayoutTests/fast/deprecated-flexbox/repaint-scrollbar.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head>
   4 <script src="../../resources/js-test.js"></script>
   5 </head>
   6 <body>
   7 <p id="description"></p>
   8 <div style="display: -webkit-box;-webkit-box-orient: vertical; height: 69px;">
   9     <div id="vertical" style="overflow-y: scroll; outline: none; width: 80px; -webkit-box-flex:1;">
  10         <br><br><br><br><br><br><br><br><br>Lorem ipsum
  11     </div>
  12 </div>
  13 <div style="display: -webkit-box;-webkit-box-orient: horizontal; width: 69px;">
  14     <pre id="horizontal" style="overflow-x: scroll; outline: none; height: 80px; -webkit-box-flex:1;">
  15 fooooooooooooooo Lorem ipsum
  16     </pre>
  17 </div>
  18 <div style="display: -webkit-box;-webkit-box-orient: vertical; height: 69px;">
  19 <div style="display: -webkit-box; height: 69px; width: 80px;">
  20     <div id="nest" style="overflow-y: scroll; outline: none; width: 80px; -webkit-box-flex:1;">
  21         <br><br><br><br><br><br><br><br><br>Lorem ipsum
  22     </div>
  23 </div>
  24 </div>
  25 <div style="display: -webkit-box;-webkit-box-orient: vertical; height: 69px;">
  26 <div style="height: 69px; width: 80px;">
  27     <div id="nest2" style="overflow-y: scroll; outline: none; width: 80px; height: 69px; -webkit-box-flex:1;">
  28         <br><br><br><br><br><br><br><br><br>Lorem ipsum
  29     </div>
  30 </div>
  31 </div>
  32 <div id="console"></div>
  33 <script src="resources/repaint-scrollbar.js"></script>
  34 </body>
  35 </html>