src/third_party/WebKit/LayoutTests/fast/repaint/clip-with-layout-delta.html

   1 <html>
   2 <head>
   3     <title>Test for http://bugs.webkit.org/show_bug.cgi?id=15994</title>
   4     <style type="text/css">
   5         div {
   6             overflow: hidden;
   7         }
   8         div, span {
   9             height: 100px;
  10             width: 100px;
  11             display: block;
  12         }
  13         span.blue {
  14             padding: 100px 0 0 0;
  15             background: blue;
  16         }
  17     </style>
  18     <script src="resources/repaint.js" type="text/javascript"></script>
  19     <script type="text/javascript">
  20        function repaintTest()
  21        {
  22            document.getElementById('t1').removeAttribute("class");
  23            document.getElementById('t2').setAttribute("class", "blue");
  24        }
  25     </script>
  26 </head>
  27 <body onload="runRepaintTest()">
  28     <div style="background: green;"><span id="t1" class="blue">&nbsp;</span></div>
  29     <div style="position: relative; margin: -100px 0 0 100px; background: red;"><span id="t2">&nbsp;</span></div>
  30 </body>
  31 </html>