| <!-- Based on fast/repaint/background-size-auto-with-gradient-and-height-changes.html --> |
| <html> |
| <head> |
| <script src="resources/paint-invalidation-test.js"></script> |
| |
| <style> |
| #outer { |
| padding-top: 200px; |
| background: -webkit-gradient( |
| linear, |
| left top, |
| left bottom, |
| color-stop(0%, rgba(255,255,0,0)), color-stop(100%, rgba(0,0,0,1)) |
| ); |
| background-size: auto; |
| } |
| |
| #inner { |
| height: 100px; |
| } |
| </style> |
| |
| <script> |
| // This test verifies that gradient background gets repainted properly after child box height change. |
| function paintInvalidationTest() { |
| document.getElementById('inner').style.height = '300px'; |
| } |
| </script> |
| </head> |
| |
| <body onload='runPaintInvalidationTest();'> |
| <div id='outer'> |
| <div id='inner'> |
| </div> |
| </div> |
| </body> |
| </html> |