| OLD | NEW | 
|   1 <!DOCTYPE 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> |   2 <style> | 
|  13 body { |   3 body { | 
|  14     margin: 0; |   4     margin: 0; | 
|  15 } |   5 } | 
|  16 .outer { |   6 .outer { | 
|  17     width: 100px; |   7     width: 100px; | 
|  18     height: 100px; |   8     height: 100px; | 
|  19     position: absolute; |   9     position: absolute; | 
|  20     background-color: green; |  10     background-color: green; | 
 |  11     padding: 20px; | 
|  21 } |  12 } | 
|  22 #target2 { |  13 #target2 { | 
|  23     top: 200px; |  14     top: 200px; | 
|  24 } |  15 } | 
|  25 .inner { |  16 .inner { | 
|  26     width: 100%; |  17     width: 100%; | 
|  27     height: 100%; |  18     height: 100%; | 
|  28     background-color: yellow; |  19     background-color: yellow; | 
|  29 } |  20 } | 
|  30 </style> |  21 </style> | 
|  31 <div id="target1" class="outer"></div> |  22 <div id="target1" class="outer"></div> | 
|  32 <div id="target2" class="outer"><div class="inner"></div></div> |  23 <div id="target2" class="outer"><div class="inner"></div></div> | 
| OLD | NEW |