| <!DOCTYPE html> |
| <html> |
| <head> |
| <style type="text/css"> |
| #firstColumnFloat { |
| width: 50%; |
| background-color: blue; |
| } |
| |
| #secondColumnFloat { |
| float: right; |
| width: 50%; |
| background-color: lime; |
| } |
| |
| #oneColumnRegular { |
| background-color: blue; |
| } |
| </style> |
| <script> |
| function runTest() { |
| if (window.testRunner) { |
| testRunner.useUnfortunateSynchronousResizeMode(); |
| window.resizeTo(600, 600); |
| } |
| } |
| </script> |
| </head> |
| <body onLoad="runTest();"> |
| <h1>Description</h1> |
| <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> |
| <h1>Grid 2 flex columns</h1> |
| <div> |
| <div id="secondColumnFloat">second column</div> |
| <div id="firstColumnFloat">first column</div> |
| </div> |
| <h1>Grid 1 auto column</h1> |
| <div> |
| <div id="oneColumnRegular"> |
| one column one column one column one column one column one column one column one column |
| one column one column one column one column one column one column one column one column |
| one column one column one column one column one column one column one column one column |
| one column one column one column one column one column one column one column one column |
| </div> |
| </div> |
| </body> |
| </html> |
| |
