| OLD | NEW | 
 | (Empty) | 
|   1 <!-- Based on compositing/squashing/repaint-squashed-layer-in-rect.html --> |  | 
|   2 <!doctype html> |  | 
|   3 <div style="height: 800px; width: 800px; background-color: lightgray; transform:
    translateZ(0)"> |  | 
|   4 </div> |  | 
|   5 <div style="position:absolute; top: 0px; height: 200px; width: 200px"> |  | 
|   6 </div> |  | 
|   7 <div style="position:absolute; top: 400px; left: 400px; height: 200px; width: 20
    0px; background-color: lightblue"> |  | 
|   8   <div id="imgElement" style="height: 200px; width: 200px; background-color: lig
    htblue"> |  | 
|   9   </div> |  | 
|  10 </div> |  | 
|  11 <script src="resources/paint-invalidation-test.js"></script> |  | 
|  12 <script> |  | 
|  13 // Test that a repaint for the rect containing the changed background image is i
    ssued in the coordinate space of the |  | 
|  14 // squashing layer, *not* local to the div with the background image on it. |  | 
|  15 function paintInvalidationTest() { |  | 
|  16     var imgElement = document.querySelector("#imgElement"); |  | 
|  17     imgElement.style.backgroundImage = "url('data:image/gif;base64,R0lGODdhAgACA
    IABAAAAAP///ywAAAAAAgACAAACA0QCBQA7')"; |  | 
|  18 } |  | 
|  19 runPaintInvalidationTest(); |  | 
|  20 </script> |  | 
| OLD | NEW |