| 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 |