OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <script src="../repaint/resources/text-based-repaint.js"></script> | |
3 <script> | |
4 function repaintTest() { | |
5 var target = document.getElementById('target'); | |
6 // Intermediate outline change should not affect final overflow and paint inva lidation. | |
7 target.style.outline = '40px solid yellow'; | |
8 target.offsetHeight; | |
9 target.style.outline = '20px solid green'; | |
10 } | |
11 onload = runRepaintTest; | |
12 </script> | |
13 <p style="height: 100px"> | |
14 Tests overflow recalc and paint invalidation in a table cell when outline change s. | |
15 Passes if there is a thick green outline and no red. | |
Julien - ping for review
2014/12/03 19:44:36
And no yellow?
Xianzhu
2014/12/03 22:56:35
Done.
| |
16 </p> | |
17 <table style="border: none; margin: 50px"> | |
18 <tr> | |
19 <td> | |
Julien - ping for review
2014/12/03 19:44:36
Nit: you probably want to remove the 2px default p
Xianzhu
2014/12/03 22:56:35
Done.
| |
20 <div id="target" style="width: 100px; height: 100px; outline: 1px solid re d"></div> | |
21 </td> | |
22 </tr> | |
23 </table> | |
OLD | NEW |