src/third_party/WebKit/LayoutTests/fast/repaint/relative-margin-change-repaint.html

   1 <!DOCTYPE HTML>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <style>
   4     body {
   5         margin: 0;
   6     }
   7     #container {
   8         position: relative;
   9         top: 40px;
  10         width: 200px;
  11         height: 400px;
  12     }
  13     #test {
  14         position: relative;
  15         background-color: green;
  16         width: 100px;
  17         height: 100px;
  18     }
  19 </style>
  20 <script>
  21     function repaintTest()
  22     {
  23         document.getElementById("test").style['margin-top'] = '20px';
  24     }
  25     window.onload = runRepaintTest;
  26 </script>
  27 <div id="container">
  28     <div id="test"></div>
  29 </div>
  30 <!-- Tests the repainting of relative element when margin-top changes. -->