Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(21)

Unified Diff: LayoutTests/fast/css-grid-layout/flex-content-sized-columns-resize.html

Issue 146833018: [CSS Grid Layout] Fix missing layout in flexible and content sized columns (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: New version of the patch fixing layout tests and comming back to original approach Created 6 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698