src/third_party/WebKit/LayoutTests/compositing/overflow/iframe-inside-overflow-clipping.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta name="viewport" content="initial-scale=1">
   5   <style>
   6     .scrollable {
   7       overflow: auto;
   8       -webkit-overflow-scrolling: touch;
   9       width: 320px;
  10       height: 300px;
  11       border: 2px solid blue;
  12     }
  13     iframe {
  14       position: absolute;
  15       top: 0;
  16       left: 0;
  17       height: 200px;
  18       width: 200px;
  19       border: 2px solid black;
  20       background-color: blue;
  21     }
  22     .box {
  23       position: relative;
  24       height: 500px;
  25       width: 100%;
  26       background-color: rgba(0, 0, 0, 0.2);
  27       padding: 10px;
  28     }
  29   </style>
  30   <script>
  31     if (window.testRunner)
  32       testRunner.dumpAsText();
  33     if (window.internals)
  34       window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  35   </script>
  36 </head>
  37
  38 <body>
  39   <p>This test should not assert.</p>
  40   <div class="scrollable">
  41     <iframe></iframe>
  42     <div class="box"></div>
  43   </div>
  44 </body>
  45
  46 </html>