| <!DOCTYPE html> |
| <script src="../../resources/run-after-layout-and-paint.js"></script> |
| <script src="resources/text-based-repaint.js"></script> |
| <script> |
| function repaintTest() { |
| content.style.height = '100px'; |
| content.style.backgroundColor = 'green'; |
| } |
| onload = function() { |
| runAfterLayoutAndPaint(function() { |
| container.style.height = '400px'; |
| runRepaintTest(); |
| }); |
| }; |
| </script> |
| Tests paint invalidation of previous location of an element which was clipped to be invisible initially, becme visible because of clip change, then changed color and size. Passes if there is a green square. |
| <div id="container" style="position: absolute; top: 100px; width: 100px; height: 10px; overflow: hidden"> |
| <div style="height: 20px"></div> |
| <div style="width: 100px; height: 300px"> |
| <div id="content" style="width: 100px; height: 300px; background-color: red"></div> |
| </div> |
| </div> |
