Index: LayoutTests/fast/css-grid-layout/flex-content-sized-columns-resize.html |
diff --git a/LayoutTests/fast/css-grid-layout/flex-content-sized-columns-resize.html b/LayoutTests/fast/css-grid-layout/flex-content-sized-columns-resize.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..9227292aff72d60629f18ad85a07c824a339f81e |
--- /dev/null |
+++ b/LayoutTests/fast/css-grid-layout/flex-content-sized-columns-resize.html |
@@ -0,0 +1,41 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <link href="resources/grid.css" rel="stylesheet"> |
+ <style type="text/css"> |
+ #grid-1 { |
+ grid-template-columns: 1fr 1fr; |
+ } |
+ |
+ #grid-2 { |
+ grid-template-columns: auto; |
+ } |
+ </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 id="grid-1" class="grid"> |
+ <div class="firstRowFirstColumn">first column</div> |
+ <div class="firstRowSecondColumn">second column</div> |
+ </div> |
+ <h1>Grid 1 auto column</h1> |
+ <div id="grid-2" class="grid"> |
+ <div class="firstRowFirstColumn"> |
+ 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> |