| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| td { |
| height: 50px; |
| border: 5px solid grey; |
| } |
| </style> |
| <script src="resources/text-based-repaint.js" type="text/javascript"></script> |
| <script> |
| function repaintTest() |
| { |
| var td = document.getElementById("resizeMe"); |
| td.style.height = "0px"; |
| } |
| |
| window.addEventListener("load", runRepaintTest, false); |
| </script> |
| </head> |
| <body> |
| <p>This test checks that changing the size of the middle row triggers an invalidation for the following rows.</p> |
| <table border="0" cellpadding="0" cellspacing="0" width="100%"> |
| <tr> |
| <td>1</td> |
| </tr> |
| <tr> |
| <td id="resizeMe" style="height: 200px"></td> |
| </tr> |
| <tr> |
| <td>2</td> |
| </tr> |
| <tr> |
| <td>3</td> |
| </tr> |
| <tr> |
| <td>4</td> |
| </tr> |
| <tr> |
| <td>5</td> |
| </tr> |
| <tr> |
| <td>6</td> |
| </tr> |
| <tr> |
| <td>7</td> |
| </tr> |
| <tr> |
| <td>8</td> |
| </tr> |
| <tr> |
| <td>9</td> |
| </tr> |
| <tr> |
| <td>10</td> |
| </tr> |
| <tr> |
| <td>11</td> |
| </tr> |
| <tr> |
| <td>12</td> |
| </tr> |
| <tr> |
| <td>13</td> |
| </tr> |
| </table> |
| |
| </body> |
| </html> |
