| [email protected] | 77273d1b | 2013-03-20 18:50:01 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <html> | ||||
| 3 | <script src="../repaint/resources/text-based-repaint.js"></script> | ||||
| 4 | <script> | ||||
| [email protected] | 77273d1b | 2013-03-20 18:50:01 | [diff] [blame] | 5 | function repaintTest() |
| 6 | { | ||||
| 7 | var gridItem = document.getElementsByClassName("sizedToGridArea")[0]; | ||||
| [email protected] | e5693fc0 | 2013-06-07 17:14:39 | [diff] [blame] | 8 | gridItem.style.gridRow = "2"; |
| [email protected] | 77273d1b | 2013-03-20 18:50:01 | [diff] [blame] | 9 | } |
| 10 | window.addEventListener("load", runRepaintTest, false); | ||||
| 11 | </script> | ||||
| 12 | <link href="resources/grid.css" rel="stylesheet"> | ||||
| 13 | <style> | ||||
| 14 | body { | ||||
| 15 | font: 10px/1 Ahem; | ||||
| 16 | } | ||||
| 17 | |||||
| 18 | .grid { | ||||
| [email protected] | 362c6b52 | 2014-01-30 18:09:06 | [diff] [blame] | 19 | grid-template-rows: 50px 100px; |
| 20 | grid-template-columns: 100px 50px; | ||||
| [email protected] | 77273d1b | 2013-03-20 18:50:01 | [diff] [blame] | 21 | /* Make the grid shrink to fit. */ |
| 22 | position: absolute; | ||||
| 23 | } | ||||
| 24 | .sizedToGridArea { | ||||
| 25 | background-color: purple; | ||||
| 26 | } | ||||
| 27 | </style> | ||||
| 28 | <body> | ||||
| 29 | <div>This test checks that changing the grid-row on a grid item properly repaint. The final grid item should be 100px * 100px. There should be no trace of the grid item at the old position.</div> | ||||
| 30 | <div class="grid"> | ||||
| 31 | <div class="sizedToGridArea"></div> | ||||
| 32 | </div> | ||||
| 33 | </body> | ||||
| 34 | </html> | ||||