| <!doctype HTML> |
| <div id="scroller" style="overflow:auto; will-change: transform; width: 200px; height: 200px; position: absolute; left: 300px; top: 300px;"> |
| <div> |
| <div class="spacer" style="width: 1px; height: 2400px;"></div> |
| <div id="target" style="width: 100px; height: 100px; background: blue"></div> |
| <div class="spacer" style="width: 1px; height: 2400px;"></div> |
| </div> |
| </div> |
| </div> |
| <script src="../resources/text-based-repaint.js"></script> |
| Tests that invalidation of a div after scrolling invalidates just the div and scrollbars, and no other area. |
| <script> |
| function repaintTest() { |
| scroller.scrollTop = 2350; |
| target.style.background = "papayawhip"; |
| finishRepaintTest(); |
| } |
| window.testIsAsync = true; |
| onload = runRepaintTest; |
| </script> |
