OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 tr { height: 30px } |
| 4 </style> |
| 5 Should repaint the backgrounds of column (yellow), section (blue) and row (green
) when cells resize. |
| 6 <table style="width: 300px"> |
| 7 <colgroup> |
| 8 <col style="background: yellow"> |
| 9 </colgroup> |
| 10 <thead style="background: blue"> |
| 11 <tr> |
| 12 <td>A</td><td id="cell" style="width: 100px">B</td><td>C</td> |
| 13 </tr> |
| 14 </thead> |
| 15 <tbody> |
| 16 <tr style="background: green"> |
| 17 <td>A</td><td>B</td><td>C</td> |
| 18 </tr> |
| 19 </tbody> |
| 20 <tfoot> |
| 21 <tr> |
| 22 <td>A</td><td>B</td><td>C</td> |
| 23 </tr> |
| 24 </tfoot> |
| 25 </table> |
| 26 <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| 27 <script> |
| 28 runAfterLayoutAndPaint(function() { |
| 29 cell.style.width = '200px'; |
| 30 }, true); |
| 31 </script> |
OLD | NEW |