| <!DOCTYPE html> |
| <script src="resources/text-based-repaint.js"></script> |
| <script> |
| function repaintTest() { |
| document.getElementById('great-grandparent').style.top = '-100px'; |
| } |
| onload = runRepaintTest; |
| </script> |
| Tests paint invalidation of the target when the great-grandparent changes location. |
| Passes if there is only one green square. |
| <div style="position: absolute; background-color: red; top: 100px; left: 100px; width: 100px; height: 100px">Indicator</div> |
| <div id="great-grandparent" style="position: absolute; top: 0px; left: 0px"> |
| <div style="position: absolute"> |
| <div style="position: absolute"> |
| <div style="position: absolute; background-color: green; top: 200px; left: 100px; width: 100px; height: 100px">Target</div> |
| </div> |
| </div> |
| </div> |
