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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/definite-minmax-content-inlinesize-contribution-nonreplaced-blocks.html

Issue 1504403002: Fix computation of min|max-content contribution of non-replaced blocks (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Reworked patch & tests 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-intrinsic-dimensions/auto-minmax-content-inlinesize-contribution-nonreplaced-blocks.html ('k') | third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/fillavailable-minmax-content-inlinesize-contribution-nonreplaced-blocks.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE html>
2
3 <style>
4 @import "resources/width-keyword-classes.css";
5 @import "resources/intrinsic-size-contribution.css";
6
7 .fixed {
8 width: 50px;
9 }
10
11 .percent {
12 width: 50%;
13 }
14 </style>
15
16 <script src="../../resources/testharness.js"></script>
17 <script src="../../resources/testharnessreport.js"></script>
18 <script src="../../resources/check-layout-th.js"></script>
19
20 <body onload="checkLayout('.container')">
21 <div id=log></div>
22
23 <!-- min-content contribution of fixed sizes -->
24 <div class="container min-content" data-expected-width="60" data-expected-height ="40" data-expected-client-width="50" data-expected-client-height="30">
25 <div class="item fixed" data-expected-width="50" data-expected-height="30">< /div>
26 </div>
27
28 <div class="container min-content" data-expected-width="70" data-expected-height ="50" data-expected-client-width="60" data-expected-client-height="40">
29 <div class="item fixed border" data-expected-width="60" data-expected-height ="40" data-expected-client-width="50" data-expected-client-height="30"></div>
30 </div>
31
32 <div class="container min-content" data-expected-width="80" data-expected-height ="60" data-expected-client-width="70" data-expected-client-height="50">
33 <div class="item fixed padding" data-expected-width="70" data-expected-heigh t="50" data-expected-client-width="70" data-expected-client-height="50"></div>
34 </div>
35
36 <div class="container min-content" data-expected-width="100" data-expected-heigh t="80" data-expected-client-width="90" data-expected-client-height="70">
37 <div class="item fixed margin" data-expected-width="50" data-expected-height ="30" data-expected-client-width="50" data-expected-client-height="30"></div>
38 </div>
39
40 <div class="container min-content" data-expected-width="90" data-expected-height ="70" data-expected-client-width="80" data-expected-client-height="60">
41 <div class="item fixed border padding" data-expected-width="80" data-expecte d-height="60" data-expected-client-width="70" data-expected-client-height="50">< /div>
42 </div>
43
44 <div class="container min-content" data-expected-width="110" data-expected-heigh t="90" data-expected-client-width="100" data-expected-client-height="80">
45 <div class="item fixed border margin" data-expected-width="60" data-expected -height="40" data-expected-client-width="50" data-expected-client-height="30"></ div>
46 </div>
47
48 <div class="container min-content" data-expected-width="130" data-expected-heigh t="110" data-expected-client-width="120" data-expected-client-height="100">
49 <div class="item fixed border padding margin" data-expected-width="80" data- expected-height="60" data-expected-client-width="70" data-expected-client-height ="50"></div>
50 </div>
51
52 <!-- min-content contribution of definite percentages -->
53 <div class="container min-content" data-expected-width="60" data-expected-height ="40" data-expected-client-width="50" data-expected-client-height="30">
54 <div style="width: 50px;">
55 <div class="item percent" data-expected-width="25" data-expected-height= "30"></div>
56 </div>
57 </div>
58
59 <div class="container min-content" data-expected-width="70" data-expected-height ="50" data-expected-client-width="60" data-expected-client-height="40">
60 <div style="width: 60px;">
61 <div class="item percent border" data-expected-width="40" data-expected- height="40" data-expected-client-width="30" data-expected-client-height="30"></d iv>
62 </div>
63 </div>
64
65 <div class="container min-content" data-expected-width="80" data-expected-height ="60" data-expected-client-width="70" data-expected-client-height="50">
66 <div style="width: 70px;">
67 <div class="item percent padding" data-expected-width="55" data-expected -height="50" data-expected-client-width="55" data-expected-client-height="50"></ div>
68 </div>
69 </div>
70
71 <div class="container min-content" data-expected-width="100" data-expected-heigh t="80" data-expected-client-width="90" data-expected-client-height="70">
72 <div style="width: 90px;">
73 <div class="item percent margin" data-expected-width="45" data-expected- height="30" data-expected-client-width="45" data-expected-client-height="30"></d iv>
74 </div>
75 </div>
76
77 <div class="container min-content" data-expected-width="90" data-expected-height ="70" data-expected-client-width="80" data-expected-client-height="60">
78 <div style="width: 80px;">
79 <div class="item percent border padding" data-expected-width="70" data-e xpected-height="60" data-expected-client-width="60" data-expected-client-height= "50"></div>
80 </div>
81 </div>
82
83 <div class="container min-content" data-expected-width="110" data-expected-heigh t="90" data-expected-client-width="100" data-expected-client-height="80">
84 <div style="width: 100px;">
85 <div class="item percent border margin" data-expected-width="60" data-ex pected-height="40" data-expected-client-width="50" data-expected-client-height=" 30"></div>
86 </div>
87 </div>
88
89 <div class="container min-content" data-expected-width="130" data-expected-heigh t="110" data-expected-client-width="120" data-expected-client-height="100">
90 <div style="width: 120px;">
91 <div class="item percent border padding margin" data-expected-width="90" data-expected-height="60" data-expected-client-width="80" data-expected-client- height="50"></div>
92 </div>
93 </div>
94
95 <!-- max-content contribution of fixed sizes -->
96 <div class="container max-content" data-expected-width="60" data-expected-height ="40" data-expected-client-width="50" data-expected-client-height="30">
97 <div class="item fixed" data-expected-width="50" data-expected-height="30">< /div>
98 </div>
99
100 <div class="container max-content" data-expected-width="70" data-expected-height ="50" data-expected-client-width="60" data-expected-client-height="40">
101 <div class="item fixed border" data-expected-width="60" data-expected-height ="40" data-expected-client-width="50" data-expected-client-height="30"></div>
102 </div>
103
104 <div class="container max-content" data-expected-width="80" data-expected-height ="60" data-expected-client-width="70" data-expected-client-height="50">
105 <div class="item fixed padding" data-expected-width="70" data-expected-heigh t="50" data-expected-client-width="70" data-expected-client-height="50"></div>
106 </div>
107
108 <div class="container max-content" data-expected-width="100" data-expected-heigh t="80" data-expected-client-width="90" data-expected-client-height="70">
109 <div class="item fixed margin" data-expected-width="50" data-expected-height ="30" data-expected-client-width="50" data-expected-client-height="30"></div>
110 </div>
111
112 <div class="container max-content" data-expected-width="90" data-expected-height ="70" data-expected-client-width="80" data-expected-client-height="60">
113 <div class="item fixed border padding" data-expected-width="80" data-expecte d-height="60" data-expected-client-width="70" data-expected-client-height="50">< /div>
114 </div>
115
116 <div class="container max-content" data-expected-width="110" data-expected-heigh t="90" data-expected-client-width="100" data-expected-client-height="80">
117 <div class="item fixed border margin" data-expected-width="60" data-expected -height="40" data-expected-client-width="50" data-expected-client-height="30"></ div>
118 </div>
119
120 <div class="container max-content" data-expected-width="130" data-expected-heigh t="110" data-expected-client-width="120" data-expected-client-height="100">
121 <div class="item fixed border padding margin" data-expected-width="80" data- expected-height="60" data-expected-client-width="70" data-expected-client-height ="50"></div>
122 </div>
123
124 <!-- max-content contribution of definite percentages -->
125 <div class="container max-content" data-expected-width="60" data-expected-height ="40" data-expected-client-width="50" data-expected-client-height="30">
126 <div style="width: 50px;">
127 <div class="item percent" data-expected-width="25" data-expected-height= "30"></div>
128 </div>
129 </div>
130
131 <div class="container max-content" data-expected-width="70" data-expected-height ="50" data-expected-client-width="60" data-expected-client-height="40">
132 <div style="width: 60px;">
133 <div class="item percent border" data-expected-width="40" data-expected- height="40" data-expected-client-width="30" data-expected-client-height="30"></d iv>
134 </div>
135 </div>
136
137 <div class="container max-content" data-expected-width="80" data-expected-height ="60" data-expected-client-width="70" data-expected-client-height="50">
138 <div style="width: 70px;">
139 <div class="item percent padding" data-expected-width="55" data-expected -height="50" data-expected-client-width="55" data-expected-client-height="50"></ div>
140 </div>
141 </div>
142
143 <div class="container max-content" data-expected-width="100" data-expected-heigh t="80" data-expected-client-width="90" data-expected-client-height="70">
144 <div style="width: 90px;">
145 <div class="item percent margin" data-expected-width="45" data-expected- height="30" data-expected-client-width="45" data-expected-client-height="30"></d iv>
146 </div>
147 </div>
148
149 <div class="container max-content" data-expected-width="90" data-expected-height ="70" data-expected-client-width="80" data-expected-client-height="60">
150 <div style="width: 80px;">
151 <div class="item percent border padding" data-expected-width="70" data-e xpected-height="60" data-expected-client-width="60" data-expected-client-height= "50"></div>
152 </div>
153 </div>
154
155 <div class="container max-content" data-expected-width="110" data-expected-heigh t="90" data-expected-client-width="100" data-expected-client-height="80">
156 <div style="width: 100px;">
157 <div class="item percent border margin" data-expected-width="60" data-ex pected-height="40" data-expected-client-width="50" data-expected-client-height=" 30"></div>
158 </div>
159 </div>
160
161 <div class="container max-content" data-expected-width="130" data-expected-heigh t="110" data-expected-client-width="120" data-expected-client-height="100">
162 <div style="width: 120px;">
163 <div class="item percent border padding margin" data-expected-width="90" data-expected-height="60" data-expected-client-width="80" data-expected-client- height="50"></div>
164 </div>
165 </div>
166
167 </body>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/auto-minmax-content-inlinesize-contribution-nonreplaced-blocks.html ('k') | third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/fillavailable-minmax-content-inlinesize-contribution-nonreplaced-blocks.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698