third_party/WebKit/LayoutTests/paint/invalidation/fixed-position-with-text.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style>
   5         #div {
   6             position: fixed;
   7             float: left;
   8             z-index: 10;
   9         }
  10         span {
  11             display: inline-block;
  12             border: 1px solid black;
  13         }
  14         span:hover {
  15             color: green;
  16         }
  17     </style>
  18     <script src="../../resources/run-after-layout-and-paint.js"></script>
  19     <script type="text/javascript">
  20         if (window.testRunner)
  21             testRunner.waitUntilDone();
  22
  23         runAfterLayoutAndPaint(function() {
  24             document.body.style.height = "300px";
  25             document.getElementById("div").style.position = "relative";
  26             if (window.testRunner)
  27                 testRunner.notifyDone();
  28         });
  29     </script>
  30 </head>
  31 <body>
  32 <div id="div">
  33 <span>This text should be in a box</span>
  34 </div>
  35 </body>
  36 </html>