src/third_party/WebKit/LayoutTests/fast/repaint/repaint-resized-overflow.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en">
   4 <head>
   5 <script src="resources/repaint.js"></script>
   6 <script>
   7     function repaintTest()
   8     {
   9         document.getElementById("t").style.height='100px';
  10     }
  11 </script>
  12 </head>
  13 <body onload="runRepaintTest();">
  14 <p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=6770">Bugzilla bug 6770</a> REGRESSION: Incomplete repaint when block with clipping grows</p>
  15
  16 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
  17 There should be a white square with a blue border below, and no line running through
  18 the middle of the square.
  19 </p>
  20
  21 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
  22 The white square will have a blue border and a blue horizontal line running through its middle.
  23 </p>
  24
  25 <div style="overflow: hidden;">
  26     <div id="s" style="border: 4px solid blue; width: 100px;">
  27         <div id="t" style="width: 10px; height: 48px; margin-left: 120px;"></div>
  28     </div>
  29 </div>
  30
  31 </body>
  32 </html>