OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <script src="resources/text-based-repaint.js" type="text/javascript"></script> | |
3 <style> | |
4 #outer { | |
5 overflow: scroll; | |
6 width: 300px; | |
7 height: 300px; | |
8 background-color: blue; | |
9 position: absolute; | |
10 } | |
11 #container { | |
12 position: absolute; | |
13 top: 0px; | |
14 left: 50px; | |
15 width: 600px; | |
16 height: 600px; | |
17 background-color: red; | |
18 transform: translateZ(0); | |
19 } | |
20 </style> | |
21 <body onload="runRepaintAndPixelTest()"> | |
22 <div id="outer"> | |
23 <div id="container"><div id="inner"></div></div> | |
24 </div> | |
25 | |
26 <script> | |
27 function repaintTest() { | |
28 // This test ensures we properly paint composited descendants of clipped | |
29 // ancestors in the invalidateTree step. Composited children can be moved | |
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 | |
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 | |
34 // in style recalc and doesn't tickle the bug. | |
35 document.querySelector('#inner').style.border = '300px solid green'; | |
36 document.querySelector('#outer').scrollLeft = 500; | |
37 } | |
38 </script> | |
OLD | NEW |