blob: 69e94c13353747c351c3fd806eca444a2c5f39d7 [file] [log] [blame]
<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayutAndPaint(function() {
document.getElementById('target').style.transform = 'translate(0, 0)';
}, true);
</script>
<style>
body { margin : 0 }
div { width: 100px; height: 100px; }
</style>
Tests invalidation and painting of descendants of an element adding transform.
<div style="position: absolute; top: 300px; background-color: red"></div>
<div id="target" style="position: absolute; top: 100px; backgorund-color: red">
<div id="1" style="background-color: green"></div>
<div id="2" style="position: relative; top: 100px; background-color: green"></div>
</div>