| <!doctype HTML> |
| <div id="scroller" style="width: 200px; height: 200px; overflow: scroll; background: lightgray; will-change: transform"> |
| <div style="width: 100px; height: 600px; background: lightblue; margin-bottom: 10px"></div> |
| <div id="target" style="width: 200px; height: 1000px; background: lightblue; margin-bottom: 10px">test</div> |
| </div> |
| <script src="../resources/text-based-repaint.js"></script> |
| <script> |
| scroller.scrollTop = 450; |
| function repaintTest() { |
| var range = document.createRange(); |
| range.selectNode(target); |
| window.getSelection().addRange(range); |
| } |
| onload = runRepaintAndPixelTest; |
| </script> |