| <!doctype html> |
| <script src="../resources/text-based-repaint.js"></script> |
| <style> |
| ::-webkit-scrollbar { |
| width: 12px; |
| height: 12px; |
| background: green; |
| } |
| </style> |
| <!-- Checks that paint invalidation for the custom scrollbar of 'target' is computed correctly after scroll of 'scroller'. |
| The invalidation rects should be correct, and the horizontal & vertical scrollbars should appear in green. --> |
| <div id="scroller" style="overflow: hidden; width: 300px; height: 300px; backface-visibility: hidden; border: 1px solid black"> |
| <div style="width: 300px; height: 600px"></div> |
| <div id=target style="width: 100px; height: 100px; background: lightgray; overflow: scroll"> |
| </div> |
| </div> |
| <script> |
| onload = runRepaintTest; |
| |
| function repaintTest() { |
| scroller.scrollTop = 400; |
| } |
| </script> |