| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 ::-webkit-scrollbar { width: 0; height: 0; } |
| 4 </style> |
| 5 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
| 6 This tests if the caret position is aligned correctly w.r.t. composited scrollin
g. |
| 7 The important bit is that the "invalidate paint rectangle" invalidation has a po
sition of about 1000px in the |
| 8 y direction. |
| 9 <div id="scroller" style="overflow: scroll; will-change: transform; width: 100px
; height: 100px"> |
| 10 <div style="width: 10px; height: 1000px; background: lightgray"></div> |
| 11 <input id="text" style="line-height: 1; font-size: 10; padding: 1px 0px
1px 1px; width:200px;"/> |
| 12 </div> |
| 13 <script> |
| 14 window.testIsAsync = true; |
| 15 onload = runRepaintAndPixelTest; |
| 16 |
| 17 function repaintTest() { |
| 18 scroller.scrollTop = 200; |
| 19 requestAnimationFrame(function() { |
| 20 document.getElementById('text').focus(); |
| 21 finishRepaintTest(); |
| 22 }); |
| 23 } |
| 24 </script> |
| OLD | NEW |