third_party/WebKit/LayoutTests/css3/flexbox/overflow-keep-scrollpos.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../resources/js-test.js"></script>
   5 <style>
   6 div.flexbox {
   7     display: flex;
   8 }
   9 div.overflow-auto {
  10     overflow: auto;
  11 }
  12 div.flex {
  13     flex: 1;
  14 }
  15 .container {
  16     width: 100px;
  17     height: 100px;
  18 }
  19 </style>
  20 <script>
  21     function runTest() {
  22         document.querySelector('.overflow-auto').scrollTop = 50;
  23         document.querySelector('#sidebar').innerHTML = '';
  24         shouldBe("document.querySelector('.overflow-auto').scrollTop", "50");
  25     }
  26 </script>
  27
  28 </head>
  29 <body onload="runTest()">
  30 <div class="container flexbox">
  31     <div class="flex overflow-auto flexbox">
  32         <div style="height: 400px"></div>
  33     </div>
  34     <div id="sidebar">foo</div>
  35 </div>
  36 <div id="console"></div>
  37 </body>
  38 </html>