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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css-intrinsic-dimensions/css-tables.html

Issue 1293793007: Unprefix min-content, max-content, fit-content (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: review comment Created 5 years, 4 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 | « no previous file | LayoutTests/fast/css-intrinsic-dimensions/height-property-value.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <style> 2 <style>
3 .table { 3 .table {
4 display: table; 4 display: table;
5 border: 5px solid salmon; 5 border: 5px solid salmon;
6 padding: 5px; 6 padding: 5px;
7 } 7 }
8 .td { 8 .td {
9 display: table-cell; 9 display: table-cell;
10 border: 5px solid orange; 10 border: 5px solid orange;
11 } 11 }
12 .child { 12 .child {
13 display: inline-block; 13 display: inline-block;
14 width: 50px; 14 width: 50px;
15 height: 20px; 15 height: 20px;
16 background-color: pink; 16 background-color: pink;
17 } 17 }
18 .collapse { 18 .collapse {
19 border-collapse: collapse; 19 border-collapse: collapse;
20 } 20 }
21 </style> 21 </style>
22 22
23 <div class="table" data-expected-width=134> 23 <div class="table" data-expected-width=134>
24 <div class="td" data-expected-width=114> 24 <div class="td" data-expected-width=114>
25 <div class="child"></div> 25 <div class="child"></div>
26 <div class="child"></div> 26 <div class="child"></div>
27 </div> 27 </div>
28 </div> 28 </div>
29 29
30 <div class="table" style="width: -webkit-min-content" data-expected-width=80> 30 <div class="table" style="width: min-content" data-expected-width=80>
31 <div class="td" data-expected-width=60> 31 <div class="td" data-expected-width=60>
32 <div class="child"></div> 32 <div class="child"></div>
33 <div class="child"></div> 33 <div class="child"></div>
34 </div> 34 </div>
35 </div> 35 </div>
36 36
37 <div class="table" style="width: -webkit-max-content" data-expected-width=134> 37 <div class="table" style="width: max-content" data-expected-width=134>
38 <div class="td" data-expected-width=114> 38 <div class="td" data-expected-width=114>
39 <div class="child"></div> 39 <div class="child"></div>
40 <div class="child"></div> 40 <div class="child"></div>
41 </div> 41 </div>
42 </div> 42 </div>
43 43
44 <div class="table" style="width: -webkit-fit-content" data-expected-width=134> 44 <div class="table" style="width: fit-content" data-expected-width=134>
45 <div class="td" data-expected-width=114> 45 <div class="td" data-expected-width=114>
46 <div class="child"></div> 46 <div class="child"></div>
47 <div class="child"></div> 47 <div class="child"></div>
48 </div> 48 </div>
49 </div> 49 </div>
50 50
51 <div style="width: 134px"> 51 <div style="width: 134px">
52 <div class="table" style="width: -webkit-fit-content" data-expected-width=13 4> 52 <div class="table" style="width: fit-content" data-expected-width=134>
53 <div class="td" data-expected-width=114> 53 <div class="td" data-expected-width=114>
54 <div class="child"></div> 54 <div class="child"></div>
55 <div class="child"></div> 55 <div class="child"></div>
56 </div> 56 </div>
57 </div> 57 </div>
58 </div> 58 </div>
59 59
60 <div style="width: 133px"> 60 <div style="width: 133px">
61 <div class="table" style="width: -webkit-fit-content" data-expected-width=13 3> 61 <div class="table" style="width: fit-content" data-expected-width=133>
62 <div class="td" data-expected-width=113> 62 <div class="td" data-expected-width=113>
63 <div class="child"></div> 63 <div class="child"></div>
64 <div class="child"></div> 64 <div class="child"></div>
65 </div> 65 </div>
66 </div> 66 </div>
67 </div> 67 </div>
68 68
69 <div style="width: 400px"> 69 <div style="width: 400px">
70 <div class="table" style="width: -webkit-fill-available" data-expected-widt h=400> 70 <div class="table" style="width: -webkit-fill-available" data-expected-widt h=400>
71 <div class="td" data-expected-width=380> 71 <div class="td" data-expected-width=380>
72 <div class="child"></div> 72 <div class="child"></div>
73 <div class="child"></div> 73 <div class="child"></div>
74 </div> 74 </div>
75 </div> 75 </div>
76 <div> 76 <div>
77 77
78 <div class="table collapse" data-expected-width=114> 78 <div class="table collapse" data-expected-width=114>
79 <div class="td" data-expected-width=109> 79 <div class="td" data-expected-width=109>
80 <div class="child"></div> 80 <div class="child"></div>
81 <div class="child"></div> 81 <div class="child"></div>
82 </div> 82 </div>
83 </div> 83 </div>
84 84
85 <div class="table collapse" style="width: -webkit-min-content" data-expected-wid th=60> 85 <div class="table collapse" style="width: min-content" data-expected-width=60>
86 <div class="td" data-expected-width=55> 86 <div class="td" data-expected-width=55>
87 <div class="child"></div> 87 <div class="child"></div>
88 <div class="child"></div> 88 <div class="child"></div>
89 </div> 89 </div>
90 </div> 90 </div>
91 91
92 <div class="table collapse" style="width: -webkit-max-content" data-expected-wid th=114> 92 <div class="table collapse" style="width: max-content" data-expected-width=114>
93 <div class="td" data-expected-width=109> 93 <div class="td" data-expected-width=109>
94 <div class="child"></div> 94 <div class="child"></div>
95 <div class="child"></div> 95 <div class="child"></div>
96 </div> 96 </div>
97 </div> 97 </div>
98 98
99 <div class="table collapse" style="width: -webkit-fit-content" data-expected-wid th=114> 99 <div class="table collapse" style="width: fit-content" data-expected-width=114>
100 <div class="td" data-expected-width=109> 100 <div class="td" data-expected-width=109>
101 <div class="child"></div> 101 <div class="child"></div>
102 <div class="child"></div> 102 <div class="child"></div>
103 </div> 103 </div>
104 </div> 104 </div>
105 105
106 <div style="width: 114px"> 106 <div style="width: 114px">
107 <div class="table collapse" style="width: -webkit-fit-content" data-expected -width=114> 107 <div class="table collapse" style="width: fit-content" data-expected-width=1 14>
108 <div class="td" data-expected-width=109> 108 <div class="td" data-expected-width=109>
109 <div class="child"></div> 109 <div class="child"></div>
110 <div class="child"></div> 110 <div class="child"></div>
111 </div> 111 </div>
112 </div> 112 </div>
113 </div> 113 </div>
114 114
115 <div style="width: 113px"> 115 <div style="width: 113px">
116 <div class="table collapse" style="width: -webkit-fit-content" data-expected -width=113> 116 <div class="table collapse" style="width: fit-content" data-expected-width=1 13>
117 <div class="td" data-expected-width=108> 117 <div class="td" data-expected-width=108>
118 <div class="child"></div> 118 <div class="child"></div>
119 <div class="child"></div> 119 <div class="child"></div>
120 </div> 120 </div>
121 </div> 121 </div>
122 </div> 122 </div>
123 123
124 <div style="width: 400px"> 124 <div style="width: 400px">
125 <div class="table collapse" style="width: -webkit-fill-available" data-expe cted-width=400> 125 <div class="table collapse" style="width: -webkit-fill-available" data-expe cted-width=400>
126 <div class="td" data-expected-width=395> 126 <div class="td" data-expected-width=395>
127 <div class="child"></div> 127 <div class="child"></div>
128 <div class="child"></div> 128 <div class="child"></div>
129 </div> 129 </div>
130 </div> 130 </div>
131 <div> 131 <div>
132 132
133 <script src="../../resources/check-layout.js"></script> 133 <script src="../../resources/check-layout.js"></script>
134 <script> 134 <script>
135 checkLayout('.table'); 135 checkLayout('.table');
136 </script> 136 </script>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/fast/css-intrinsic-dimensions/height-property-value.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698