| [email protected] | 94df354 | 2013-02-19 15:36:16 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <html> | ||||
| [email protected] | 94df354 | 2013-02-19 15:36:16 | [diff] [blame] | 3 | <link href=resources/grid.css rel=stylesheet> |
| 4 | <style> | ||||
| 5 | .gridNoRow { | ||||
| [email protected] | 362c6b52 | 2014-01-30 18:09:06 | [diff] [blame] | 6 | grid-template-columns: 50px; |
| [email protected] | 94df354 | 2013-02-19 15:36:16 | [diff] [blame] | 7 | /* Make the grid shrink-to-fit. */ |
| 8 | position: absolute; | ||||
| 9 | } | ||||
| 10 | .gridNoColumn { | ||||
| [email protected] | 362c6b52 | 2014-01-30 18:09:06 | [diff] [blame] | 11 | grid-template-rows: 50px 80px; |
| [email protected] | 94df354 | 2013-02-19 15:36:16 | [diff] [blame] | 12 | /* Make the grid shrink-to-fit. */ |
| 13 | position: absolute; | ||||
| 14 | } | ||||
| 15 | </style> | ||||
| 16 | <script src="../../resources/check-layout.js"></script> | ||||
| 17 | <body onload="checkLayout('.grid');"> | ||||
| 18 | <p>This test checks that a grid element with row(s) (resp. column(s)) but no column (resp. row) is properly laid out.</p> | ||||
| 19 | <div class="grid gridNoRow" data-expected-width="50" data-expected-height="0"></div> | ||||
| 20 | <div class="grid gridNoColumn" data-expected-width="0" data-expected-height="130"></div> | ||||
| 21 | </body> | ||||
| 22 | </html> | ||||