| <!DOCTYPE html> |
| Tests composited scrolling of contain:paint. Passes if contents are completely painted when scrolled. |
| <style> |
| ::-webkit-scrollbar { width: 0 } |
| </style> |
| <div id="target" style="overflow-y: auto; width: 150px; height: 150px; contain: paint; will-change: transform"> |
| 1<br> |
| 2<br> |
| 3<br> |
| 4<br> |
| 5<br> |
| 6<br> |
| 7<br> |
| 8<br> |
| 9<br> |
| 10<br> |
| 11<br> |
| 12<br> |
| 13<br> |
| 14<br> |
| 15<br> |
| 16<br> |
| 17<br> |
| 18<br> |
| 19<br> |
| 20<br> |
| </div> |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| runAfterLayoutAndPaint(function() { |
| target.scrollTop = 100; |
| }, true); |
| </script> |