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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/relayout-indefinite-heights.html

Issue 1317643005: [css-grid] Fix track sizing algo w/ size restrictions and intrinsic sizes (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Patch for landing. Removed unused params Created 5 years, 1 month 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 | « third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-of-indefinite-track-size.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/relayout-indefinite-heights-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/relayout-indefinite-heights.html
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/relayout-indefinite-heights.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/relayout-indefinite-heights.html
new file mode 100644
index 0000000000000000000000000000000000000000..b257d3dbdf4f9f8989ab529a05f5aa557a60d0e0
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/relayout-indefinite-heights.html
@@ -0,0 +1,37 @@
+<!DOCTYPE HTML>
+<link href="resources/grid.css" rel="stylesheet">
+<style>
+.grid {
+ grid: 50px / minmax(5px, 1fr) minmax(5px, 2fr);
+}
+
+#fromIndefinite { height: auto; }
+#toIndefinite { height: 90px; }
+</style>
+<script src="../../resources/check-layout.js"></script>
+<p>Tests how a change in grid's height requires evaluating again whether the grid has indefinite or definite height.</p>
+
+<p>The grid bellow had initially 'height: auto' (indefinite) and has been changed to '90px' (definite).</p>
+<div class="constrainedContainer">
+ <div id="fromIndefinite" class="grid">
+ <div class="firstRowFirstColumn" data-expected-width="50" data-expected-height="30"></div>
+ <div class="secondRowFirstColumn" data-expected-width="50" data-expected-height="60"></div>
+ </div>
+</div>
+
+<hr style="margin-top: 150px;">
+
+<p>The grid bellow had initially 'height: 90px' (definite) and has been changed to 'auto' (indefinite).</p>
+<div class="constrainedContainer">
+ <div id="toIndefinite" class="grid">
+ <div class="firstRowFirstColumn" data-expected-width="50" data-expected-height="5"></div>
+ <div class="secondRowFirstColumn" data-expected-width="50" data-expected-height="10"></div>
+ </div>
+</div>
+
+<script>
+document.body.offsetLeft;
+document.getElementById("toIndefinite").style.height = "auto";
+document.getElementById("fromIndefinite").style.height = "90px";
+checkLayout(".grid");
+</script>
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-of-indefinite-track-size.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/relayout-indefinite-heights-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698