third_party/WebKit/LayoutTests/fast/repaint/padding-keeping-content-size.html

   1 <!DOCTYPE HTML>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest()
   5 {
   6     // Both targets' visual size expand. Should full repaint.
   7     document.getElementById('target1').style.padding = '20px';
   8     document.getElementById('target2').style.padding = '20px';
   9 }
  10 window.onload = runRepaintTest;
  11 </script>
  12 <style>
  13 body {
  14     margin: 0;
  15 }
  16 .outer {
  17     width: 100px;
  18     height: 100px;
  19     position: absolute;
  20     background-color: green;
  21 }
  22 #target2 {
  23     top: 200px;
  24 }
  25 .inner {
  26     width: 100%;
  27     height: 100%;
  28     background-color: yellow;
  29 }
  30 </style>
  31 <div id="target1" class="outer"></div>
  32 <div id="target2" class="outer"><div class="inner"></div></div>