OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
3 <script> | 3 <script> |
4 function repaintTest() { | 4 function repaintTest() { |
5 scroller.style.background = 'green local'; | 5 scroller.style.background = ''; |
6 } | 6 } |
7 onload = runRepaintAndPixelTest; | 7 onload = runRepaintAndPixelTest; |
8 </script> | 8 </script> |
9 <style> | 9 <style> |
10 #scroller { | 10 #scroller { |
11 background: red local; | |
12 overflow: scroll; | 11 overflow: scroll; |
13 width: 200px; | 12 width: 200px; |
14 height: 200px; | 13 height: 200px; |
15 will-change: transform; | 14 will-change: transform; |
16 } | 15 } |
17 | 16 |
18 .spacer { | 17 .spacer { |
19 height: 300px; | 18 height: 300px; |
20 } | 19 } |
21 </style> | 20 </style> |
22 <!-- #scroller has a locally attached background which will be painted into the | 21 <!-- #scroller has a locally attached background which will be painted into the |
23 scrolling contents layer. When the color changes it should repaint. --> | 22 scrolling contents layer. When the color is removed it should be cleared. --
> |
24 <div id="scroller"> | 23 <div id="scroller" style="background: red local;"> |
| 24 <p>Content</p> |
25 <div class="spacer"></div> | 25 <div class="spacer"></div> |
26 </div> | 26 </div> |
OLD | NEW |