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 |