third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-content-resolution-rows.html - Issue 1979603002: [css-grid] Fix behavior of flexible track breadths

Unified Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-content-resolution-rows.html

Issue 1979603002: [css-grid] Fix behavior of flexible track breadths (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: New version fixing comment Created 4 years, 7 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 | « third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-content-resolution-columns-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-content-resolution-rows-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-content-resolution-rows.html

diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-content-resolution-rows.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-content-resolution-rows.html

index 2a16081d1343a40bf03d517d4804e835158a3321..bf7f73bfefa6b83f85ed8f0cdcef1996850f4b44 100644

--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-content-resolution-rows.html

+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-content-resolution-rows.html

@@ -2,13 +2,9 @@

<html>

<style>

-.gridMinFlexContent {

+.gridFlexContent {

grid-template-columns: 50px;

- grid-template-rows: minmax(1fr, 50px);

-.gridZeroFlexContent {

- grid-template-columns: 50px;

- grid-template-rows: minmax(1fr, 0px);

+ grid-template-rows: 1fr 1fr;

}

.gridMaxFlexContent {

grid-template-columns: 50px;

@@ -49,44 +45,12 @@

<p>Test that resolving auto tracks on grid items works properly.</p>

-<div style="height: 0px">

- <div class="grid gridMinFlexContent" style="height: 100%">

- <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="50" data-expected-height="0"></div>

- </div>

-</div>

-<div style="height: 0px">

- <div class="grid gridZeroFlexContent">

- <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="50" data-expected-height="0"></div>

- </div>

-</div>

-<div style="height: 0px">

- <div class="grid gridMinFlexContent">

- <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="50" data-expected-height="50"></div>

- </div>

-</div>

-

-<div style="width: 10px; height: 40px">

- <div class="grid gridMinFlexContent" style="height: 100%">

- <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="50" data-expected-height="40"></div>

- </div>

-</div>

-<div style="width: 10px; height: 40px">

- <div class="grid gridMinFlexContent">

- <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="50" data-expected-height="50"></div>

- </div>

-</div>

-<div style="width: 10px; height: 100px;">

- <div class="grid gridMinFlexContent">

- <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="50" data-expected-height="50"></div>

- </div>

+<div class="grid gridFlexContent constrainedContainer" style="position: relative;">

+ <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expected-height="30">X<br>X<br>X</div>

+ <div class="sizedToGridArea secondRowFirstColumn" data-offset-x="0" data-offset-y="30" data-expected-width="50" data-expected-height="50">X<br>X<br>X<br>X<br>X</div>

</div>