src/third_party/WebKit/LayoutTests/fullscreen/full-screen-fixed-pos-parent.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4     #bad {
   5         position: fixed;
   6         top: 0px;
   7         left: 0px;
   8         background-color: red;
   9         width: 100%;
  10         height: 100%;
  11     }
  12
  13     #fixed-container {
  14         position: fixed;
  15         top: 0px;
  16         left: 0px;
  17         z-index: 0;
  18     }
  19
  20     #fullscreenme {
  21         height: 400px;
  22         width: 400px;
  23         border: 0px;
  24     }
  25 </style>
  26 </head>
  27 <script src="full-screen-test.js"></script>
  28 <script>
  29     function doTest() {
  30         if (window.testRunner) {
  31             testRunner.dumpAsTextWithPixelResults();
  32             testRunner.waitUntilDone();
  33         }
  34         document.body.offsetTop;
  35         var fullscreen = document.getElementById('fullscreenme');
  36
  37         var fullscreenChangeEvent = function(event) {
  38             if (window.testRunner)
  39                 testRunner.notifyDone();
  40         };
  41
  42         document.addEventListener('webkitfullscreenchange', fullscreenChangeEvent);
  43         document.addEventListener('keydown', function () {
  44             fullscreen.webkitRequestFullScreen();
  45
  46         });
  47         if (window.eventSender)
  48             eventSender.keyDown('a');
  49     }
  50     window.addEventListener("load", doTest, false);
  51 </script>
  52 <body>
  53     <!-- when full screening the iframe, bad should not be visible -->
  54     <div id="fixed-container">
  55         <iframe id="fullscreenme" src="resources/green.html"></iframe>
  56     </div>
  57     <div id="bad"></div>
  58 </body>
  59 </html>