src/third_party/WebKit/LayoutTests/fast/regions/content-flowed-into-regions-no-scroll.html

   1 <!doctype html>
   2 <html>
   3     <!--
   4     The content from a flow is displayed into a region. The content fills up the region and the remaining content is not displayed.
   5     This test shows that the content in the region cannot be scrolled. On success, you should see a green box followed by 'PASS'.
   6     -->
   7     <head>
   8         <style>
   9             .box {
  10                 width: 100px;
  11                 height: 100px;
  12             }
  13
  14             #flow {
  15                 -webkit-flow-into: article;
  16             }
  17
  18             #region {
  19                 -webkit-flow-from: article;
  20                 overflow: hidden;
  21             }
  22
  23             #greenBox {
  24                 background-color: green;
  25             }
  26
  27             #redBox {
  28                 background-color: red;
  29             }
  30         </style>
  31         <script>
  32             if (window.testRunner)
  33                 testRunner.dumpAsText();
  34
  35             function test()
  36             {
  37                 document.getElementById('redBox').scrollIntoView(false);
  38                 var element = document.elementFromPoint(50, 50);
  39
  40                 // Check whether the red box was moved upwards.
  41                 if (element == document.getElementById('redBox'))
  42                     document.getElementById('result').innerText = "FAIL";
  43             }
  44         </script>
  45     </head>
  46     <body onload="test()">
  47         <div id="flow">
  48             <div id="greenBox" class="box"></div>
  49             <div id="redBox" class="box"></div>
  50         </div>
  51         <div id="region" class="box"></div>
  52         <div id="result">PASS</div>
  53     </body>
  54 </html>