src/third_party/WebKit/LayoutTests/fast/repaint/outline-shrinking.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" type="text/javascript"></script>
   6     <script type="text/javascript">
   7        function repaintTest()
   8        {
   9            var target = document.getElementById('t');
  10            target.style.outline = 'none';
  11            target.style.fontSize = '20px';  // make it a layout change rather than a repaint
  12        }
  13     </script>
  14 </head>
  15 <body onload="runRepaintTest();">
  16     <p>
  17         This is a test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=9388">http://bugzilla.opendarwin.org/show_bug.cgi?id=9388</a>
  18         REGRESSION: outlines don't get erased when removed in some cases</i>.
  19     </p>
  20     <p>
  21         There should be a green square and no trace of red.
  22     </p>
  23     <hr>
  24     <div id="t" style="background: green; font-size: 10px; outline: red dashed 4px; width: 100px; height: 100px;"></div>
  25 </body>