| <!DOCTYPE html> |
| <script src="../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| runAfterLayoutAndPaint(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> |
