OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <style type="text/css"> |
| 5 #firstColumnFloat { |
| 6 width: 50%; |
| 7 background-color: blue; |
| 8 } |
| 9 |
| 10 #secondColumnFloat { |
| 11 float: right; |
| 12 width: 50%; |
| 13 background-color: lime; |
| 14 } |
| 15 |
| 16 #oneColumnRegular { |
| 17 background-color: blue; |
| 18 } |
| 19 </style> |
| 20 <script> |
| 21 function runTest() { |
| 22 if (window.testRunner) { |
| 23 testRunner.useUnfortunateSynchronousResizeMode(); |
| 24 window.resizeTo(600, 600); |
| 25 } |
| 26 } |
| 27 </script> |
| 28 </head> |
| 29 <body onLoad="runTest();"> |
| 30 <h1>Description</h1> |
| 31 <p>Grid flex and content sized columns width should be updated properly when
you resize the window (you should not see the grid background in grey color).</
p> |
| 32 <h1>Grid 2 flex columns</h1> |
| 33 <div> |
| 34 <div id="secondColumnFloat">second column</div> |
| 35 <div id="firstColumnFloat">first column</div> |
| 36 </div> |
| 37 <h1>Grid 1 auto column</h1> |
| 38 <div> |
| 39 <div id="oneColumnRegular"> |
| 40 one column one column one column one column one column one column on
e column one column |
| 41 one column one column one column one column one column one column on
e column one column |
| 42 one column one column one column one column one column one column on
e column one column |
| 43 one column one column one column one column one column one column on
e column one column |
| 44 </div> |
| 45 </div> |
| 46 </body> |
| 47 </html> |
| 48 |
OLD | NEW |