third_party/WebKit/LayoutTests/fast/repaint/layoutstate-invalid-invalidation-inline-relative-positioned.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script src="../../resources/ahem.js"></script>
   4 <body onload="runRepaintTest()">
   5 <div style="font-family: Ahem;">This test passes if we correctly repaint the following relatively positioned inline.</div>
   6 <span style="position: relative; top: 80px;">
   7     <span id="target" style="position: relative; top: 80px;">
   8         <div style="display: inline-block; width: 100px; height: 100px; overflow: hidden; font-family: Ahem; font-size: 100px; color: green;">x</div>
   9     </span>
  10 </span>
  11 <script>
  12     function repaintTest()
  13     {
  14         document.getElementById("target").style.top = "100px";
  15     }
  16 </script>