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     if (window.internals)
  30         window.internals.settings.setFixedPositionCreatesStackingContext(true);
  31
  32     function doTest() {
  33         if (window.testRunner) {
  34             testRunner.dumpAsText(true);
  35             testRunner.waitUntilDone();
  36         }
  37         document.body.offsetTop;
  38         var fullscreen = document.getElementById('fullscreenme');
  39
  40         var fullscreenChangeEvent = function(event) {
  41             if (window.testRunner)
  42                 testRunner.notifyDone();
  43         };
  44
  45         document.addEventListener('webkitfullscreenchange', fullscreenChangeEvent);
  46         document.addEventListener('keydown', function () {
  47             fullscreen.webkitRequestFullScreen();
  48
  49         });
  50         if (window.eventSender)
  51             eventSender.keyDown('a');
  52     }
  53     if ("webkitRequestFullScreen" in Element.prototype)
  54         window.addEventListener("load", doTest, false);
  55 </script>
  56 <body>
  57     <!-- when full screening the iframe, bad should not be visible -->
  58     <div id="fixed-container">
  59         <iframe id="fullscreenme" src="resources/green.html"></iframe>
  60     </div>
  61     <div id="bad"></div>
  62 </body>
  63 </html>