| <!DOCTYPE html> |
| <script src="../resources/text-based-repaint.js"></script> |
| <script> |
| function repaintTest() { |
| clip.style.height = '300px'; |
| } |
| onload = runRepaintAndPixelTest; |
| </script> |
| <div id="clip" style="width: 100px; height: 100px; 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"> |
| <div id="target" style="width: 100px; height: 200px; overflow: scroll"> |
| <div style="width: 400px; height: 400px"></div> |
| </div> |
| </div> |
| </div> |
| </div> |