| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="resources/text-based-repaint.js" type="text/javascript"></script> | 2 <script src="resources/text-based-repaint.js" type="text/javascript"></script> |
| 3 <style> | 3 <style> |
| 4 #outer { | 4 #outer { |
| 5 overflow: scroll; | 5 overflow: scroll; |
| 6 width: 300px; | 6 width: 300px; |
| 7 height: 300px; | 7 height: 300px; |
| 8 background-color: blue; | 8 background-color: blue; |
| 9 position: absolute; | 9 position: absolute; |
| 10 } | 10 } |
| (...skipping 17 matching lines...) Expand all Loading... |
| 28 // This test ensures we properly paint composited descendants of clipped | 28 // This test ensures we properly paint composited descendants of clipped |
| 29 // ancestors in the invalidateTree step. Composited children can be moved | 29 // ancestors in the invalidateTree step. Composited children can be moved |
| 30 // around in respect to their clipping ancestors without needing to be | 30 // around in respect to their clipping ancestors without needing to be |
| 31 // repainted (and will have their clip applied directly by the CC), so | 31 // repainted (and will have their clip applied directly by the CC), so |
| 32 // Blink needs to ignore their ancestor's clip rects to properly paint. | 32 // Blink needs to ignore their ancestor's clip rects to properly paint. |
| 33 // We can't just change the background color, because that gets repainted | 33 // We can't just change the background color, because that gets repainted |
| 34 // in style recalc and doesn't tickle the bug. | 34 // in style recalc and doesn't tickle the bug. |
| 35 document.querySelector('#inner').style.border = '300px solid green'; | 35 document.querySelector('#inner').style.border = '300px solid green'; |
| 36 document.querySelector('#outer').scrollLeft = 500; | 36 document.querySelector('#outer').scrollLeft = 500; |
| 37 } | 37 } |
| 38 </script> | 38 </script> |
| OLD | NEW |