| <!DOCTYPE html> |
| <style> |
| #target::-webkit-scrollbar { |
| display: none; |
| } |
| </style> |
| <script src="resources/text-based-repaint.js"></script> |
| <!-- Tests that a floating descendant gets correctly re-painted after |
| being scrolled offscreen and back. --> |
| <div id="target" style="height:300px; overflow:scroll; isolation: isolate;"> |
| <table> |
| <td> |
| <input size="8" style="float: left;"> |
| </td> |
| </table> |
| <div style="width: 100px; height: 1000px"></div> |
| </div> |
| <script> |
| testIsAsync = true; |
| function repaintTest() { |
| target.scrollTop = 300; |
| requestAnimationFrame(() => requestAnimationFrame(() => { |
| target.scrollTop = 0; |
| finishRepaintTest(); |
| })); |
| } |
| onload = runRepaintAndPixelTest; |
| </script> |