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 when a table cell's outline changes
. |
| 15 Passes if there is a thick green outline and no red. |
| 16 </p> |
| 17 <table style="border: none; margin: 50px"> |
| 18 <tr> |
| 19 <td id="target" style="width: 100px; height: 100px; outline: 1px solid red"> |
| 20 </td> |
| 21 </tr> |
| 22 </table> |
OLD | NEW |