| 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 |