| <!-- Based on fast/repaint/intermediate-layout-position-clip.html --> |
| <html> |
| <head> |
| <title></title> |
| <style type="text/css"> |
| .float { float: right; height: 40px; width: 40px; } |
| .test { height: 200px; background-color: aliceblue } |
| </style> |
| <script src="resources/paint-invalidation-test.js" type="text/javascript"></script> |
| <script type="text/javascript"> |
| window.expectedPaintInvalidationObjects = [ |
| "LayoutBlockFlow DIV id='target'", |
| ]; |
| function paintInvalidationTest() |
| { |
| document.getElementById('target').style.height='20px'; |
| } |
| </script> |
| </head> |
| <body onload="runPaintInvalidationTest()"> |
| <div id="scroller" style="overflow: hidden; height: 40px"> |
| <div class="test"> |
| <div class="float"></div> |
| <div style="clear: right; padding-bottom: 10px;"> |
| <div style="height: 40px; width: 40px; background-color: red;" id="target"> |
| </div> |
| </div> |
| </div> |
| </div> |
| <script>scroller.scrollTop = 60;</script> |
| </body> |
| </html> |
