| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 #container { | 3 #container { |
| 4 overflow: scroll; | 4 overflow: scroll; |
| 5 width: 500px; | 5 width: 500px; |
| 6 height: 400px; | 6 height: 400px; |
| 7 | 7 |
| 8 background-attachment: local; | 8 background-attachment: local; |
| 9 background-image: linear-gradient(black, white); | 9 background-image: linear-gradient(black, white); |
| 10 } | 10 } |
| 11 | 11 |
| 12 #bloat { | 12 #bloat { |
| 13 position: relative; | 13 position: relative; |
| 14 left: 0; | 14 left: 0; |
| 15 top: 500px; | 15 top: 500px; |
| 16 width: 1px; | 16 width: 1px; |
| 17 height: 1px; | 17 height: 1px; |
| 18 } | 18 } |
| 19 </style> | 19 </style> |
| 20 <div id="container"> | 20 <div id="container"> |
| 21 <div id="bloat"></div> | 21 <div id="bloat"></div> |
| 22 </div> | 22 </div> |
| 23 This test verifies a overflow clip container with background-attachment:local co
rrectly repaints when its overflow changes size without scrolling. | 23 This test verifies a overflow clip container with background-attachment:local co
rrectly repaints when its overflow changes size without scrolling. |
| 24 <script src="../../resources/run-after-layout-and-paint.js"></script> | 24 <script src="../../fast/../resources/run-after-layout-and-paint.js"></script> |
| 25 <script> | 25 <script> |
| 26 runAfterLayoutAndPaint(function() { | 26 runAfterLayoutAndPaint(function() { |
| 27 document.getElementById("bloat").style.top = "10000px"; | 27 document.getElementById("bloat").style.top = "10000px"; |
| 28 }, true); | 28 }, true); |
| 29 </script> | 29 </script> |
| OLD | NEW |