LayoutTests/fast/css-grid-layout/percent-of-indefinite-track-size.html - Issue 450093004: [CSS Grid Layout] Handle percentages of indefinite sizes in minmax()

Unified Diff: LayoutTests/fast/css-grid-layout/percent-of-indefinite-track-size.html

Issue 450093004: [CSS Grid Layout] Handle percentages of indefinite sizes in minmax() (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Patch for landing v3 Created 6 years, 3 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-auto-columns-rows-update.html ('k') | LayoutTests/fast/css-grid-layout/percent-of-indefinite-track-size-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/css-grid-layout/percent-of-indefinite-track-size.html

diff --git a/LayoutTests/fast/css-grid-layout/percent-of-indefinite-track-size.html b/LayoutTests/fast/css-grid-layout/percent-of-indefinite-track-size.html

new file mode 100644

index 0000000000000000000000000000000000000000..d386f06efe323b729c922efdd2ec2081ea16f579

--- /dev/null

+++ b/LayoutTests/fast/css-grid-layout/percent-of-indefinite-track-size.html

@@ -0,0 +1,67 @@

+<!DOCTYPE html>

+<link href="resources/grid.css" rel="stylesheet">

+<style>

+.indefiniteSizeGrid {

+ font: 10px/1 Ahem;

+.gridWithPercent {

+ grid-template-columns: 25%;

+ grid-template-rows: 30%;

+.gridWithPercentInMinOfMinMax {

+ grid-template-columns: minmax(20%, max-content);

+ grid-template-rows: minmax(100%, 15px);

+.gridWithPercentInMinOfMinMax2 {

+ grid-template-columns: minmax(20%, 50px);

+ grid-template-rows: minmax(100%, max-content);

+.gridWithPercentInMaxOfMinMax {

+ grid-template-columns: minmax(min-content, 25%);

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

+.gridWithPercentInMaxOfMinMax2 {

+ grid-template-columns: minmax(20px, 25%);

+ grid-template-rows: minmax(min-content, 1%);

+.gridWithPercentsInMinMax {

+ grid-template-columns: minmax(25%, 50%);

+ grid-template-rows: minmax(10%, 90%);

+</style>

+<script src="../../resources/check-layout.js"></script>

+<body onload="checkLayout('.indefiniteSizeGrid');">

+<p>This test checks that percentages of indefinite sizes are treated as min-content (for the min track sizing function) or max-content (for the max track sizing function).</p>