third_party/WebKit/LayoutTests/compositing/overflow/iframe-nested-scroll-children.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style>
   5         div {
   6             width: 50px;
   7             height: 50px;
   8         }
   9         #container {
  10             overflow: scroll;
  11             width: 100px;
  12             height: 100px;
  13             border: 1px solid black;
  14         }
  15         iframe {
  16             padding: 5px;
  17             border: 1px solid black;
  18         }
  19         .scrolled {
  20             position: relative;
  21             margin: 10px;
  22             background-color: green;
  23         }
  24         .float {
  25             float: right;
  26             position: relative;
  27             margin: 10px;
  28             background-color: green;
  29         }
  30         .fixed {
  31             position: fixed;
  32             top: 200px;
  33             left: 200px;
  34             margin: 10px;
  35             background-color: blue;
  36         }
  37         .neg-z-order{
  38             z-index: -1;
  39         }
  40     </style>
  41     <script>
  42         if (window.testRunner)
  43             testRunner.dumpAsText();
  44
  45         if (window.internals) {
  46             window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  47         }
  48     </script>
  49 </head>
  50 <body>
  51     <div id="container">
  52         <iframe src="resources/nested-composited-subframe.html"></iframe>
  53         <div class="fixed neg-z-order"></div>
  54         <div class="scrolled neg-z-order"></div>
  55         <div class="scrolled"></div>
  56         <div class="scrolled"></div>
  57         <div class="scrolled"></div>
  58     </div>
  59     <pre id="layers">Pass -- this test passes if it does not crash.</pre>
  60 </body>
  61 </html>