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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-track-sizing-with-orthogonal-flows-expected.txt

Issue 815833005: [css-grid] Handle min-content/max-content with orthogonal flows (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: New approach (Step3) - Assumed row track's breadth for intrinsic size computation. Created 5 years 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
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-track-sizing-with-orthogonal-flows.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/resources/grid.css » ('j') | third_party/WebKit/Source/core/layout/LayoutGrid.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 This test checks that grid tracks are sizing correctly with orthogonal flows, so grid container's intrinsic size is computed accordingly.
2
3 Grid using fixed width and height.
4 All grid items sized with min-{width, height} auto.
5 Enough available space in the inline axis, so parallel tracks grow until their l imits; orthogonal tracks, however, are limited to the bloc-axis available space, which will determine their column tracks size.
6
7 XX XXX X XXX XX
8 X XXX XX XXXXX XX XXX X XXXX X XX
9 XXXX XX X XX XXX
10 PASS
11 Grid width under min-content constrain and fixed height.
12 All grid items sized with min-{width, height} auto.
13 Orthogonal green row track assumed as infinity, hence 10px for the column track. Actual row tracks size is different, hence overflowing.
14
15 XX XXX X XXX XX
16 X XXX XX XXXXX XX XXX X XXXX X XX
17 XXXX XX X XX XXX
18 PASS
19 Grid width under max-content constrain and fixed height.
20 All grid items sized with min-{width, height} auto.
21 Parallel blue column track sized as its max of 150x, while Orthogonal green row, assumed as infinity, sized as 10px. Since actual row tracks size is different, green column track will occupy some space initally assigned to the blue one.
22
23 XX XXX X XXX XX
24 X XXX XX XXXXX XX XXX X XXXX X XX
25 XXXX XX X XX XXX
26 PASS
27 Grid width under fit-content constrain and fixed height.
28 All grid items sized with min-{width, height} auto.
29 Since we use assumed row tracks sizes, minimum and maximum will be the same, hen ce fit-content will produce the same result than max-content.
30
31 XX XXX X XXX XX
32 X XXX XX XXXXX XX XXX X XXXX X XX
33 XXXX XX X XX XXX
34 PASS
35 Grid with fixed width and height under min-content constrain.
36 All grid items sized with min-{width, height} auto.
37 Since there is enough space in the inline-axis, the orthogonal green row sets th e min-content size, which is 50px because of the 5 chars line.
38
39 XX XXX X XXX XX
40 X XXX XX XXXXX XX XXX X XXXX X XX
41 XXXX XX X XX XXX
42 PASS
43 Grid with fixed width and height under min-content constrain.
44 All grid items sized with min-{width, height} auto.
45 Both paralell and orthogonal tracks reach their maximum sizes.
46
47 XX XXX X XXX XX
48 X XXX XX XXXXX XX XXX X XXXX X XX
49 XXXX XX X XX XXX
50 PASS
51 Grid with fixed width and height under min-content constrain.
52 All grid items sized with min-{width, height} auto.
53 Same result as sizing under max-content constrain.
54
55 XX XXX X XXX XX
56 X XXX XX XXXXX XX XXX X XXXX X XX
57 XXXX XX X XX XXX
58 PASS
59 Grid using fixed width and height.
60 All grid items sized with min-width: 0px, min-height: auto.
61 Since grid container has definite size in both axis, all grid tracks grow until reach their maximum breadth, hence min-width has no effect.
62
63 XX XXX X XXX XX
64 X XXX XX XXXXX XX XXX X XXXX X XX
65 XXXX XX X XX XXX
66 PASS
67 Grid width under min-content constrain and fixed height.
68 All grid items sized with min-width: 0px, min-height: auto.
69 Both parallel and orthogonal column tracks are 0px because of item's min-width a nd container's min-content constrain.
70
71 XX XXX X XXX XX
72 X XXX XX XXXXX XX XXX X XXXX X XX
73 XXXX XX X XX XXX
74 PASS
75 Grid width under max-content constrain and fixed height.
76 All grid items sized with min-width: 0px, min-height: auto.
77 Since container is sized under max-content, tracks will use its maximum size.
78
79 XX XXX X XXX XX
80 X XXX XX XXXXX XX XXX X XXXX X XX
81 XXXX XX X XX XXX
82 PASS
83 Grid with fixed width and height under min-content constrain.
84 All grid items sized with min-width: auto, min-height: 0px.
85 Both parallel and orthogonal column tracks are 0px because of item's min-width a nd container's min-content constrain.
86
87 XX XXX X XXX XX
88 X XXX XX XXXXX XX XXX X XXXX X XX
89 XXXX XX X XX XXX
90 PASS
91 Grid with fixed width and height under max-content constrain.
92 All grid items sized with min-width: auto, min-height: 0px.
93 Both parallel and orthogonal column tracks are 0px because of item's min-width a nd container's min-content constrain.
94
95 XX XXX X XXX XX
96 X XXX XX XXXXX XX XXX X XXXX X XX
97 XXXX XX X XX XXX
98 PASS
99 Grid using fixed width and height.
100 All grid items sized with min-width: 50px, min-height: auto.
101 Since grid container has definite size in both axis, all grid tracks grow until reach their maximum breadth, hence min-width has no effect.
102
103 XX XXX X XXX XX
104 X XXX XX XXXXX XX XXX X XXXX X XX
105 XXXX XX X XX XXX
106 PASS
107 Grid width under min-content constrain and fixed height.
108 All grid items sized with min-width: 50px, min-height: auto.
109 Column tracks size is set by min-width, while rows grow until exhaust the availa ble height.
110
111 XX XXX X XXX XX
112 X XXX XX XXXXX XX XXX X XXXX X XX
113 XXXX XX X XX XXX
114 PASS
115 Grid width under max-content constrain and fixed height.
116 All grid items sized with min-width: 50px, min-height: auto.
117 .
118
119 XX XXX X XXX XX
120 X XXX XX XXXXX XX XXX X XXXX X XX
121 XXXX XX X XX XXX
122 PASS
123 Grid with fixed width and height under min-content constrain.
124 All grid items sized with min-width: auto, min-height: 50px.
125 Parallel blue row track must grow to fulfill min-height restriction, while ortho gonal shrink to satisfy container's min-content constrain.
126
127 XX XXX X XXX XX
128 X XXX XX XXXXX XX XXX X XXXX X XX
129 XXXX XX X XX XXX
130 PASS
131 Grid with fixed width and height under max-content constrain.
132 All grid items sized with min-width: auto, min-height: 50px.
133 Orthogonal rows can grow now to reach their maximum, exceeding min-height as wel l, while parallel row tracks are still sized according to min-height.
134
135 XX XXX X XXX XX
136 X XXX XX XXXXX XX XXX X XXXX X XX
137 XXXX XX X XX XXX
138 PASS
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-track-sizing-with-orthogonal-flows.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/resources/grid.css » ('j') | third_party/WebKit/Source/core/layout/LayoutGrid.cpp » ('J')

Powered by Google App Engine
This is Rietveld 408576698