| <!DOCTYPE html> |
| <script src="../resources/text-based-repaint.js"></script> |
| <script> |
| function repaintTest() { |
| clip.style.height = '300px'; |
| } |
| onload = function() { |
| target.focus(); |
| runRepaintAndPixelTest(); |
| } |
| </script> |
| <div id="clip" style="width: 200px; height: 50px; overflow: hidden"> |
| <!-- These two divs isolate layout of |target| from |clip|, so that we won't |
| layout |target| on |clip|'s height change. --> |
| <div style="width: 300px; height: 300px; overflow: hidden"> |
| <div style="width: 300px; height: 300px; overflow: hidden"> |
| <!-- Use negative margins to avoid scroll on focus which would cause extra invalidations. --> |
| <input id="target" style="font-size: 100px; width: 100px; margin-top: -10px"> |
| </div> |
| </div> |
| </div> |