src/third_party/WebKit/LayoutTests/fast/repaint/line-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" type="text/javascript"></script>
   6     <script type="text/javascript">
   7        function repaintTest()
   8        {
   9            var target = document.getElementById('t');
  10            target.style.borderTop = "30px solid blue";
  11            target.style.margin = "0";
  12        }
  13     </script>
  14     <style type="text/css">
  15        span#t { margin: 30px; }
  16     </style>
  17 </head>
  18 <body onload="runRepaintTest();">
  19     <p>
  20         This is a test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=9669">http://bugzilla.opendarwin.org/show_bug.cgi?id=9669</a>
  21         Incomplete repaint when changing an inline's border</i>.
  22     </p>
  23     <hr>
  24     <div style="width: 200px; height: 200px;">
  25         Cras faucibus. Nunc adipiscing, enim in scelerisque convallis,
  26         augue <span id="t">purus</span> eleifend lacus, at sagittis eros leo pulvinar velit. Integer sollicitudin nisi ut urna blandit convallis.
  27     </div>
  28 </body>