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 Tests overflow recalc and paint invalidation in a table cell when outline change
s. |
| 14 Passes if there is a thick green outline and neither red nor yellow. |
| 15 <table style="border: none; border-collapse: collapse; margin: 50px; position: a
bsolute; top: 100px"> |
| 16 <tr> |
| 17 <td style="padding: 0"> |
| 18 <div id="target" style="width: 100px; height: 100px; outline: 1px solid re
d"></div> |
| 19 </td> |
| 20 </tr> |
| 21 </table> |
OLD | NEW |