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