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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: LayoutTests/fast/css-grid-layout/min-width-height-auto.html

Issue 1228983003: [CSS Grid Layout] Do not stretch always grid items with auto width (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Applied suggested changes. Created 5 years, 5 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
« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-items-should-not-be-stretched-when-height-or-width-or-margin-change-expected.txt ('k') | LayoutTests/fast/css-grid-layout/min-width-height-auto-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/fast/css-grid-layout/min-width-height-auto.html
diff --git a/LayoutTests/fast/css-grid-layout/min-width-height-auto.html b/LayoutTests/fast/css-grid-layout/min-width-height-auto.html
index b5d07baf7ac90dea0aaea584ad16779065d79553..5111c5e2e4832d8812e328f4e82d70fed5e66468 100644
--- a/LayoutTests/fast/css-grid-layout/min-width-height-auto.html
+++ b/LayoutTests/fast/css-grid-layout/min-width-height-auto.html
@@ -35,6 +35,10 @@
max-width: 150px;
max-height: 75px;
}
+
+.noStretch {
+ justify-items: start;
+}
</style>
<script src="../../resources/check-layout.js"></script>
<body onload="checkLayout('.grid')">
@@ -71,5 +75,49 @@
</div>
</div>
+<!-- Verify that the same cases without 'stretch' work as expected as well. -->
+<div class="container">
+ <div class="grid noStretch">
+ <div class="ahem" data-expected-width="100" data-expected-height="25">XXXX</div>
+ </div>
+</div>
+
+<div class="container">
+ <div class="grid noStretch">
+ <div class="ahem minSmaller" data-expected-width="100" data-expected-height="10">XXXX</div>
+ </div>
+</div>
+
+<div class="container">
+ <div class="grid noStretch">
+ <div class="ahem minBigger" data-expected-width="150" data-expected-height="75">XXXX</div>
+ </div>
+</div>
+
+<div class="container">
+ <div class="grid noStretch">
+ <div class="ahem maxSmaller" data-expected-width="10" data-expected-height="10">XXXX</div>
+ </div>
+</div>
+
+<div class="container">
+ <div class="grid noStretch">
+ <div class="ahem maxBigger" data-expected-width="100" data-expected-height="25">XXXX</div>
+ </div>
+</div>
+
+<!-- Verify we are applying correctly the min-content size. -->
+<div class="container">
+ <div class="grid">
+ <div class="ahem" data-expected-width="75" data-expected-height="50">XXX X</div>
+ </div>
+</div>
+
+<div class="container">
+ <div class="grid noStretch">
+ <div class="ahem" data-expected-width="75" data-expected-height="50">XXX X</div>
+ </div>
+</div>
+
</body>
</html>
« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-items-should-not-be-stretched-when-height-or-width-or-margin-change-expected.txt ('k') | LayoutTests/fast/css-grid-layout/min-width-height-auto-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698