blob: 0db549f4185088086b35727fd4c309001c6d1660 [file] [log] [blame]
<!-- Based on compositing/squashing/remove-squashed-layer-plus-move.html -->
<!DOCTYPE html>
<style>
.mv-tile{
display:inline-block;
height:50px;
position:relative;
width:100px;
margin-right:410px;
}
</style>
<div style="position: absolute; width: 1000px; height: 1000px; transform: translateZ(0)"></div>
<div id="container">
<div class="mv-tile" id="foo"></div>
<div class="mv-tile" style="background-color: lightblue;"></div>
</div>
<div class="mv-tile" style="width: 1000px"></div>
<script src="resources/paint-invalidation-test.js"></script>
<script>
// This test verifies that a paint invalidation is correctly issued for both the old and new location of
// the mv-tile element which is *not* removed from the DOM, but nevertheless moves to the left as the other one
// is removed.
function paintInvalidationTest() {
document.querySelector("#foo").remove();
}
runPaintInvalidationTest();
</script>