| <!DOCTYPE html> |
| <style> |
| #container { |
| overflow: scroll; |
| width: 500px; |
| height: 400px; |
| |
| background-attachment: local; |
| background-image: linear-gradient(black, white); |
| } |
| |
| #bloat { |
| position: relative; |
| left: 0; |
| top: 500px; |
| width: 1px; |
| height: 1px; |
| } |
| </style> |
| <div id="container"> |
| <div id="bloat"></div> |
| </div> |
| This test verifies a overflow clip container with background-attachment:local correctly repaints when its overflow changes size without scrolling. |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| runAfterLayoutAndPaint(function() { |
| document.getElementById("bloat").style.top = "10000px"; |
| }, true); |
| </script> |