third_party/WebKit/LayoutTests/compositing/overflow/iframe-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         .stacking-context {
  41             position: relative;
  42             z-index: 1;
  43         }
  44     </style>
  45     <script>
  46         if (window.testRunner)
  47             testRunner.dumpAsText(false);
  48
  49         if (window.internals) {
  50             window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  51         }
  52     </script>
  53 </head>
  54 <body>
  55     <div id="container">
  56         <div class="float">
  57             <!--
  58             This iframe should not have a scroll parent because its
  59             parent (class="float") has a scroll parent and this would
  60             be redundant.
  61             -->
  62             <iframe src="resources/composited-subframe.html"></iframe>
  63         </div>
  64         <div class="float stacking-context">
  65             <!--
  66             This iframe should not have a scroll parent because its
  67             parent (class="float") has a scroll parent and this would
  68             be redundant.
  69             -->
  70             <iframe class="stacking-context" src="resources/composited-subframe.html"></iframe>
  71         </div>
  72         <!--
  73         The problem here is that this iframe thinks it has a scroll parent, even though
  74         it would totally be parented under its scroll parent since it's normal flow.
  75         This is one of those rare cases where we have a composited layer in the normal
  76         flow list.
  77         -->
  78         <iframe src="resources/composited-subframe.html"></iframe>
  79         <div class="fixed neg-z-order"></div>
  80         <div class="scrolled neg-z-order"></div>
  81         <div class="scrolled"></div>
  82         <div class="scrolled"></div>
  83         <div class="scrolled"></div>
  84     </div>
  85     <pre id="layers">Pass -- this test passes if it does not crash.</pre>
  86 </body>
  87 </html>