| OLD | NEW |
| (Empty) |
| 1 <!-- Based on compositing/squashing/remove-squashed-layer-plus-move.html --> | |
| 2 <!DOCTYPE html> | |
| 3 <style> | |
| 4 .mv-tile{ | |
| 5 display:inline-block; | |
| 6 height:50px; | |
| 7 position:relative; | |
| 8 width:100px; | |
| 9 margin-right:410px; | |
| 10 } | |
| 11 </style> | |
| 12 <div style="position: absolute; width: 1000px; height: 1000px; transform: transl
ateZ(0)"></div> | |
| 13 <div id="container"> | |
| 14 <div class="mv-tile" id="foo"></div> | |
| 15 <div class="mv-tile" style="background-color: lightblue;"></div> | |
| 16 </div> | |
| 17 <div class="mv-tile" style="width: 1000px"></div> | |
| 18 <script src="resources/paint-invalidation-test.js"></script> | |
| 19 <script> | |
| 20 // This test verifies that a paint invalidation is correctly issued for both the
old and new location of | |
| 21 // the mv-tile element which is *not* removed from the DOM, but nevertheless mov
es to the left as the other one | |
| 22 // is removed. | |
| 23 | |
| 24 function paintInvalidationTest() { | |
| 25 document.querySelector("#foo").remove(); | |
| 26 } | |
| 27 | |
| 28 runPaintInvalidationTest(); | |
| 29 | |
| 30 </script> | |
| OLD | NEW |