LayoutTests/fast/css-grid-layout/grid-auto-columns-rows-auto-flow-resolution.html - Issue 16404015: Unprefix -webkit-min-content and -webkit-max-content for grid layout

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-auto-columns-rows-auto-flow-resolution.html

Issue 16404015: Unprefix -webkit-min-content and -webkit-max-content for grid layout (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Rebaselined change Created 7 years, 6 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 unified diff | Download patch | Annotate | Revision Log

« no previous file with comments | « LayoutTests/fast/css-grid-layout/flex-and-minmax-content-resolution-rows.html ('k') | LayoutTests/fast/css-grid-layout/grid-auto-columns-rows-get-set.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">	1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">

2 <html>	2 <html>

3 <head>	3 <head>

4 <script>	4 <script>

5 if (window.testRunner)	5 if (window.testRunner)

6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1);	6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1);

7 </script>	7 </script>

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

9 <style>	9 <style>

10 .grid {	10 .grid {

11 grid-rows: 5px;	11 grid-rows: 5px;

12 grid-columns: 10px;	12 grid-columns: 10px;

13 }	13 }

14	14

15 .gridAutoFixedFixed {	15 .gridAutoFixedFixed {

16 grid-auto-rows: 30px;	16 grid-auto-rows: 30px;

17 grid-auto-columns: 50px;	17 grid-auto-columns: 50px;

18 }	18 }

19	19

20 .gridAutoMinMax {	20 .gridAutoMinMax {

21 font: 10/1 Ahem;	21 font: 10/1 Ahem;

22 grid-auto-rows: minmax(10em, 15px);	22 grid-auto-rows: minmax(10em, 15px);

23 grid-auto-columns: minmax(30%, 100px);	23 grid-auto-columns: minmax(30%, 100px);

24 }	24 }

25	25

26 .gridAutoMinMaxContent {	26 .gridAutoMinMaxContent {

27 grid-auto-rows: -webkit-min-content;	27 grid-auto-rows: min-content;

28 grid-auto-columns: -webkit-max-content;	28 grid-auto-columns: max-content;

29 }	29 }

30 </style>	30 </style>

31 </head>	31 </head>

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

33 <body onload="checkLayout('.grid');">	33 <body onload="checkLayout('.grid');">

34	34

35 <div>This test checks that grid rows / columns created via the auto-placement al gorithm do follow, grid-auto-{rows\|columns}.</div>	35 <div>This test checks that grid rows / columns created via the auto-placement al gorithm do follow, grid-auto-{rows\|columns}.</div>

36	36

37 <div class="unconstrainedContainer" style="position: relative">	37 <div class="unconstrainedContainer" style="position: relative">

38 <div class="grid gridAutoFixedFixed gridAutoFlowRow">	38 <div class="grid gridAutoFixedFixed gridAutoFlowRow">

(...skipping 74 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
113	113

114 <div class="unconstrainedContainer" style="position: relative">	114 <div class="unconstrainedContainer" style="position: relative">

115 <div class="grid gridAutoMinMaxContent gridAutoFlowColumn">	115 <div class="grid gridAutoMinMaxContent gridAutoFlowColumn">

116 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="10" data- offset-y="0" data-expected-width="120" data-expected-height="5">XXXXX XXXXXX</di v>	116 <div class="sizedToGridArea firstRowAutoColumn" data-offset-x="10" data- offset-y="0" data-expected-width="120" data-expected-height="5">XXXXX XXXXXX</di v>

117 <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="0" data- offset-y="0" data-expected-width="10" data-expected-height="5"></div>	117 <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="0" data- offset-y="0" data-expected-width="10" data-expected-height="5"></div>

118 </div>	118 </div>

119 </div>	119 </div>

120	120

121 </body>	121 </body>

122 </html>	122 </html>

OLD	NEW