| Index: LayoutTests/fast/css-grid-layout/flex-content-sized-column-use-available-width.html
|
| diff --git a/LayoutTests/fast/css-grid-layout/flex-content-sized-column-use-available-width.html b/LayoutTests/fast/css-grid-layout/flex-content-sized-column-use-available-width.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..4133d4664432eb01e9de32284552d7854961ce27
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/css-grid-layout/flex-content-sized-column-use-available-width.html
|
| @@ -0,0 +1,32 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| + <link href="resources/grid.css" rel="stylesheet">
|
| + <style type="text/css">
|
| + #grid-1 {
|
| + grid-template-columns: 1fr;
|
| + }
|
| +
|
| + #grid-2 {
|
| + grid-template-columns: auto;
|
| + }
|
| + </style>
|
| +</head>
|
| +<body>
|
| + <h1>Description</h1>
|
| + <p>Flex and content sized column should use all the available width and you should not see the grid background (grey at the end).</p>
|
| + <h1>Grid 1 flex column</h1>
|
| + <div id="grid-1" class="grid">
|
| + <div class="firstRowFirstColumn">grid item</div>
|
| + </div>
|
| + <h1>Grid 1 auto column</h1>
|
| + <div id="grid-2" class="grid">
|
| + <div class="firstRowFirstColumn">
|
| + grid item grid item grid item grid item grid item grid item grid item grid item grid item grid item
|
| + grid item grid item grid item grid item grid item grid item grid item grid item grid item grid item
|
| + grid item grid item grid item grid item grid item grid item grid item grid item grid item grid item
|
| + grid item grid item grid item grid item grid item grid item grid item grid item grid item grid item
|
| + </div>
|
| + </div>
|
| +</body>
|
| +</html>
|
|
|