2010-07-13 Shinichiro Hamaji <hamaji@chromium.org>
[WebKit-https.git] / LayoutTests / platform / chromium-win / fast / block / float / float-avoidance-expected.txt
1 layer at (0,0) size 785x2458\r
2   RenderView at (0,0) size 785x600\r
3 layer at (0,0) size 785x2458\r
4   RenderBlock {HTML} at (0,0) size 785x2458\r
5     RenderBody {BODY} at (8,8) size 769x2442\r
6       RenderBlock (anonymous) at (0,0) size 769x40\r
7         RenderText {#text} at (0,0) size 754x39\r
8           text run at (0,0) width 517: "Test of objects that avoid floats to see what they do with percentage and auto widths. "\r
9           text run at (517,0) width 237: "This test is designed to illustrate that we"\r
10           text run at (0,20) width 402: "have removed the WinIE quirk and are behaving more like Firefox."\r
11       RenderBlock {HR} at (0,48) size 769x2 [border: (1px inset #000000)]\r
12       RenderBlock (anonymous) at (0,58) size 769x20\r
13         RenderText {#text} at (0,0) size 477x19\r
14           text run at (0,0) width 477: "The inline-level button should be below the select and fill the width of the block."\r
15       RenderBlock {P} at (0,94) size 220x90 [border: (10px solid #FF0000)]\r
16         RenderText {#text} at (10,10) size 56x19\r
17           text run at (10,10) width 56: "Line One"\r
18         RenderBR {BR} at (66,25) size 0x0\r
19         RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
20           RenderBlock (anonymous) at (1,1) size 98x18\r
21             RenderText at (4,1) size 24x16\r
22               text run at (4,1) width 24: "One"\r
23         RenderText {#text} at (0,0) size 0x0\r
24         RenderButton {INPUT} at (10,56) size 200x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]\r
25           RenderBlock (anonymous) at (8,3) size 184x16\r
26             RenderText at (86,0) size 12x16\r
27               text run at (86,0) width 12: "Hi"\r
28         RenderText {#text} at (0,0) size 0x0\r
29       RenderBlock (anonymous) at (0,200) size 769x20\r
30         RenderText {#text} at (0,0) size 446x19\r
31           text run at (0,0) width 446: "The floating button with a percentage width should be even with the select."\r
32       RenderBlock {P} at (0,236) size 220x66 [border: (10px solid #FF0000)]\r
33         RenderText {#text} at (10,10) size 56x19\r
34           text run at (10,10) width 56: "Line One"\r
35         RenderBR {BR} at (66,25) size 0x0\r
36         RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
37           RenderBlock (anonymous) at (1,1) size 98x18\r
38             RenderText at (4,1) size 24x16\r
39               text run at (4,1) width 24: "One"\r
40         RenderText {#text} at (0,0) size 0x0\r
41         RenderButton {INPUT} at (110,32) size 100x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]\r
42           RenderBlock (anonymous) at (8,3) size 84x16\r
43             RenderText at (36,0) size 12x16\r
44               text run at (36,0) width 12: "Hi"\r
45         RenderText {#text} at (0,0) size 0x0\r
46         RenderBR {BR} at (210,30) size 0x19\r
47       RenderBlock (anonymous) at (0,318) size 769x20\r
48         RenderText {#text} at (0,0) size 437x19\r
49           text run at (0,0) width 437: "The block-level button with an auto width should be even with the select."\r
50       RenderBlock {P} at (0,354) size 220x86 [border: (10px solid #FF0000)]\r
51         RenderBlock (anonymous) at (10,10) size 200x20\r
52           RenderText {#text} at (0,0) size 56x19\r
53             text run at (0,0) width 56: "Line One"\r
54           RenderBR {BR} at (56,15) size 0x0\r
55           RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
56             RenderBlock (anonymous) at (1,1) size 98x18\r
57               RenderText at (4,1) size 24x16\r
58                 text run at (4,1) width 24: "One"\r
59           RenderText {#text} at (0,0) size 0x0\r
60         RenderButton {INPUT} at (110,32) size 28x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]\r
61           RenderBlock (anonymous) at (8,3) size 12x16\r
62             RenderText at (0,0) size 12x16\r
63               text run at (0,0) width 12: "Hi"\r
64         RenderBlock (anonymous) at (10,56) size 200x20\r
65           RenderBR {BR} at (0,0) size 0x19\r
66       RenderBlock (anonymous) at (0,456) size 769x20\r
67         RenderText {#text} at (0,0) size 470x19\r
68           text run at (0,0) width 470: "The block-level button with a percentage width should be even with the select."\r
69       RenderBlock {P} at (0,492) size 220x86 [border: (10px solid #FF0000)]\r
70         RenderBlock (anonymous) at (10,10) size 200x20\r
71           RenderText {#text} at (0,0) size 56x19\r
72             text run at (0,0) width 56: "Line One"\r
73           RenderBR {BR} at (56,15) size 0x0\r
74           RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
75             RenderBlock (anonymous) at (1,1) size 98x18\r
76               RenderText at (4,1) size 24x16\r
77                 text run at (4,1) width 24: "One"\r
78           RenderText {#text} at (0,0) size 0x0\r
79         RenderButton {INPUT} at (110,32) size 100x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]\r
80           RenderBlock (anonymous) at (8,3) size 84x16\r
81             RenderText at (36,0) size 12x16\r
82               text run at (36,0) width 12: "Hi"\r
83         RenderBlock (anonymous) at (10,56) size 200x20\r
84           RenderBR {BR} at (0,0) size 0x19\r
85       RenderBlock (anonymous) at (0,594) size 769x20\r
86         RenderText {#text} at (0,0) size 437x19\r
87           text run at (0,0) width 437: "The floating table with a percentage width should be even with the select."\r
88       RenderBlock {P} at (0,630) size 220x72 [border: (10px solid #FF0000)]\r
89         RenderText {#text} at (10,10) size 56x19\r
90           text run at (10,10) width 56: "Line One"\r
91         RenderBR {BR} at (66,25) size 0x0\r
92         RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
93           RenderBlock (anonymous) at (1,1) size 98x18\r
94             RenderText at (4,1) size 24x16\r
95               text run at (4,1) width 24: "One"\r
96         RenderText {#text} at (0,0) size 0x0\r
97         RenderTable {TABLE} at (110,30) size 100x32 [border: (2px outset #808080)]\r
98           RenderTableSection {TBODY} at (2,2) size 96x28\r
99             RenderTableRow {TR} at (0,2) size 96x24\r
100               RenderTableCell {TD} at (2,2) size 92x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]\r
101                 RenderText {#text} at (2,2) size 34x19\r
102                   text run at (2,2) width 34: "Table"\r
103         RenderText {#text} at (0,0) size 0x0\r
104         RenderBR {BR} at (210,30) size 0x19\r
105       RenderBlock (anonymous) at (0,718) size 769x40\r
106         RenderText {#text} at (0,0) size 711x39\r
107           text run at (0,0) width 711: "The floating table with an auto width should be even with the select and shrinks to use the available line width. THIS IS"\r
108           text run at (0,20) width 154: "CURRENTLY BUGGY."\r
109       RenderBlock {P} at (0,774) size 220x136 [border: (10px solid #FF0000)]\r
110         RenderText {#text} at (10,10) size 56x19\r
111           text run at (10,10) width 56: "Line One"\r
112         RenderBR {BR} at (66,25) size 0x0\r
113         RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
114           RenderBlock (anonymous) at (1,1) size 98x18\r
115             RenderText at (4,1) size 24x16\r
116               text run at (4,1) width 24: "One"\r
117         RenderText {#text} at (0,0) size 0x0\r
118         RenderTable {TABLE} at (10,54) size 200x72 [border: (2px outset #808080)]\r
119           RenderTableSection {TBODY} at (2,2) size 196x68\r
120             RenderTableRow {TR} at (0,2) size 196x64\r
121               RenderTableCell {TD} at (2,2) size 192x64 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]\r
122                 RenderText {#text} at (2,2) size 154x59\r
123                   text run at (2,2) width 150: "Floating table that should"\r
124                   text run at (2,22) width 154: "shrink so it can be next to"\r
125                   text run at (2,42) width 85: "previous float."\r
126         RenderText {#text} at (0,0) size 0x0\r
127         RenderBR {BR} at (110,30) size 0x19\r
128       RenderBlock (anonymous) at (0,926) size 769x20\r
129         RenderText {#text} at (0,0) size 695x19\r
130           text run at (0,0) width 550: "The block-level table below has a percentage width and should still be even with the select. "\r
131           text run at (550,0) width 145: "It spills out of the block."\r
132       RenderBlock {P} at (0,962) size 220x156 [border: (10px solid #FF0000)]\r
133         RenderBlock (anonymous) at (10,10) size 200x20\r
134           RenderText {#text} at (0,0) size 56x19\r
135             text run at (0,0) width 56: "Line One"\r
136           RenderBR {BR} at (56,15) size 0x0\r
137           RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
138             RenderBlock (anonymous) at (1,1) size 98x18\r
139               RenderText at (4,1) size 24x16\r
140                 text run at (4,1) width 24: "One"\r
141           RenderText {#text} at (0,0) size 0x0\r
142         RenderTable {TABLE} at (10,54) size 200x72 [border: (2px outset #808080)]\r
143           RenderTableSection {TBODY} at (2,2) size 196x68\r
144             RenderTableRow {TR} at (0,2) size 196x64\r
145               RenderTableCell {TD} at (2,2) size 192x64 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]\r
146                 RenderText {#text} at (2,2) size 154x59\r
147                   text run at (2,2) width 150: "Floating table that should"\r
148                   text run at (2,22) width 154: "shrink so it can be next to"\r
149                   text run at (2,42) width 85: "previous float."\r
150         RenderBlock (anonymous) at (10,126) size 200x20\r
151           RenderBR {BR} at (0,0) size 0x19\r
152       RenderBlock (anonymous) at (0,1134) size 769x20\r
153         RenderText {#text} at (0,0) size 705x19\r
154           text run at (0,0) width 517: "The block-level table below has an auto width and should still be even with the select. "\r
155           text run at (517,0) width 188: "It shrinks to fit inside the block."\r
156       RenderBlock {P} at (0,1170) size 220x172 [border: (10px solid #FF0000)]\r
157         RenderBlock (anonymous) at (10,10) size 200x20\r
158           RenderText {#text} at (0,0) size 56x19\r
159             text run at (0,0) width 56: "Line One"\r
160           RenderBR {BR} at (56,15) size 0x0\r
161           RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
162             RenderBlock (anonymous) at (1,1) size 98x18\r
163               RenderText at (4,1) size 24x16\r
164                 text run at (4,1) width 24: "One"\r
165           RenderText {#text} at (0,0) size 0x0\r
166         RenderTable {TABLE} at (110,30) size 100x112 [border: (2px outset #808080)]\r
167           RenderTableSection {TBODY} at (2,2) size 96x108\r
168             RenderTableRow {TR} at (0,2) size 96x104\r
169               RenderTableCell {TD} at (2,2) size 92x104 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]\r
170                 RenderText {#text} at (2,2) size 85x99\r
171                   text run at (2,2) width 81: "Floating table"\r
172                   text run at (2,22) width 65: "that should"\r
173                   text run at (2,42) width 65: "shrink so it"\r
174                   text run at (2,62) width 85: "can be next to"\r
175                   text run at (2,82) width 85: "previous float."\r
176         RenderBlock (anonymous) at (10,142) size 200x20\r
177           RenderBR {BR} at (0,0) size 0x19\r
178       RenderBlock (anonymous) at (0,1358) size 769x20\r
179         RenderText {#text} at (0,0) size 507x19\r
180           text run at (0,0) width 507: "The floating overflow section with a percentage width should be even with the select."\r
181       RenderBlock {DIV} at (0,1378) size 220x140 [border: (10px solid #FF0000)]\r
182         RenderText {#text} at (10,10) size 56x19\r
183           text run at (10,10) width 56: "Line One"\r
184         RenderBR {BR} at (66,25) size 0x0\r
185         RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
186           RenderBlock (anonymous) at (1,1) size 98x18\r
187             RenderText at (4,1) size 24x16\r
188               text run at (4,1) width 24: "One"\r
189         RenderText {#text} at (0,0) size 0x0\r
190         RenderText {#text} at (0,0) size 0x0\r
191         RenderBR {BR} at (210,30) size 0x19\r
192       RenderBlock (anonymous) at (0,1518) size 769x40\r
193         RenderText {#text} at (0,0) size 763x39\r
194           text run at (0,0) width 763: "The floating overflow section with an auto width should be even with the select and shrinks to use the available line width. THIS"\r
195           text run at (0,20) width 172: "IS CURRENTLY BUGGY."\r
196       RenderBlock {DIV} at (0,1558) size 220x124 [border: (10px solid #FF0000)]\r
197         RenderText {#text} at (10,10) size 56x19\r
198           text run at (10,10) width 56: "Line One"\r
199         RenderBR {BR} at (66,25) size 0x0\r
200         RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
201           RenderBlock (anonymous) at (1,1) size 98x18\r
202             RenderText at (4,1) size 24x16\r
203               text run at (4,1) width 24: "One"\r
204         RenderText {#text} at (0,0) size 0x0\r
205         RenderText {#text} at (0,0) size 0x0\r
206         RenderBR {BR} at (110,30) size 0x19\r
207       RenderBlock (anonymous) at (0,1682) size 769x20\r
208         RenderText {#text} at (0,0) size 616x19\r
209           text run at (0,0) width 616: "The block-level overflow section below has a percentage width and should still be even with the select."\r
210       RenderBlock {DIV} at (0,1702) size 220x160 [border: (10px solid #FF0000)]\r
211         RenderBlock (anonymous) at (10,10) size 200x20\r
212           RenderText {#text} at (0,0) size 56x19\r
213             text run at (0,0) width 56: "Line One"\r
214           RenderBR {BR} at (56,15) size 0x0\r
215           RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
216             RenderBlock (anonymous) at (1,1) size 98x18\r
217               RenderText at (4,1) size 24x16\r
218                 text run at (4,1) width 24: "One"\r
219           RenderText {#text} at (0,0) size 0x0\r
220         RenderBlock (anonymous) at (10,130) size 200x20\r
221           RenderBR {BR} at (0,0) size 0x19\r
222       RenderBlock (anonymous) at (0,1862) size 769x40\r
223         RenderText {#text} at (0,0) size 733x39\r
224           text run at (0,0) width 587: "The block-level overflow section below has an auto width and should still be even with the select. "\r
225           text run at (587,0) width 146: "It shrinks to fit inside the"\r
226           text run at (0,20) width 38: "block."\r
227       RenderBlock {DIV} at (0,1902) size 220x160 [border: (10px solid #FF0000)]\r
228         RenderBlock (anonymous) at (10,10) size 200x20\r
229           RenderText {#text} at (0,0) size 56x19\r
230             text run at (0,0) width 56: "Line One"\r
231           RenderBR {BR} at (56,15) size 0x0\r
232           RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
233             RenderBlock (anonymous) at (1,1) size 98x18\r
234               RenderText at (4,1) size 24x16\r
235                 text run at (4,1) width 24: "One"\r
236           RenderText {#text} at (0,0) size 0x0\r
237         RenderBlock (anonymous) at (10,130) size 200x20\r
238           RenderBR {BR} at (0,0) size 0x19\r
239       RenderBlock (anonymous) at (0,2062) size 769x20\r
240         RenderText {#text} at (0,0) size 420x19\r
241           text run at (0,0) width 420: "The floating hr with a percentage width should be even with the select."\r
242       RenderBlock {DIV} at (0,2082) size 220x64 [border: (10px solid #FF0000)]\r
243         RenderText {#text} at (10,10) size 56x19\r
244           text run at (10,10) width 56: "Line One"\r
245         RenderBR {BR} at (66,25) size 0x0\r
246         RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
247           RenderBlock (anonymous) at (1,1) size 98x18\r
248             RenderText at (4,1) size 24x16\r
249               text run at (4,1) width 24: "One"\r
250         RenderText {#text} at (0,0) size 0x0\r
251         RenderBlock (floating) {HR} at (112,32) size 82x2 [border: (1px inset #000000)]\r
252         RenderText {#text} at (0,0) size 0x0\r
253         RenderBR {BR} at (196,30) size 0x19\r
254       RenderBlock (anonymous) at (0,2146) size 769x20\r
255         RenderText {#text} at (0,0) size 735x19\r
256           text run at (0,0) width 735: "The floating hr below should still be even with the select and shrinks to use its intrinsic width (which is basically like 1-2px)."\r
257       RenderBlock {DIV} at (0,2166) size 220x64 [border: (10px solid #FF0000)]\r
258         RenderText {#text} at (10,10) size 56x19\r
259           text run at (10,10) width 56: "Line One"\r
260         RenderBR {BR} at (66,25) size 0x0\r
261         RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
262           RenderBlock (anonymous) at (1,1) size 98x18\r
263             RenderText at (4,1) size 24x16\r
264               text run at (4,1) width 24: "One"\r
265         RenderText {#text} at (0,0) size 0x0\r
266         RenderBlock (floating) {HR} at (112,32) size 2x2 [border: (1px inset #000000)]\r
267         RenderText {#text} at (0,0) size 0x0\r
268         RenderBR {BR} at (116,30) size 0x19\r
269       RenderBlock (anonymous) at (0,2230) size 769x20\r
270         RenderText {#text} at (0,0) size 529x19\r
271           text run at (0,0) width 529: "The block-level hr below has a percentage width and should still be even with the select."\r
272       RenderBlock {DIV} at (0,2250) size 220x94 [border: (10px solid #FF0000)]\r
273         RenderBlock (anonymous) at (10,10) size 200x20\r
274           RenderText {#text} at (0,0) size 56x19\r
275             text run at (0,0) width 56: "Line One"\r
276           RenderBR {BR} at (56,15) size 0x0\r
277           RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
278             RenderBlock (anonymous) at (1,1) size 98x18\r
279               RenderText at (4,1) size 24x16\r
280                 text run at (4,1) width 24: "One"\r
281           RenderText {#text} at (0,0) size 0x0\r
282         RenderBlock {HR} at (10,54) size 202x2 [border: (1px inset #000000)]\r
283         RenderBlock (anonymous) at (10,64) size 200x20\r
284           RenderBR {BR} at (0,0) size 0x19\r
285       RenderBlock (anonymous) at (0,2344) size 769x20\r
286         RenderText {#text} at (0,0) size 590x19\r
287           text run at (0,0) width 500: "The block-level hr below has an auto width and should still be even with the select. "\r
288           text run at (500,0) width 90: "It shrinks to fit."\r
289       RenderBlock {DIV} at (0,2364) size 220x78 [border: (10px solid #FF0000)]\r
290         RenderBlock (anonymous) at (10,10) size 200x20\r
291           RenderText {#text} at (0,0) size 56x19\r
292             text run at (0,0) width 56: "Line One"\r
293           RenderBR {BR} at (56,15) size 0x0\r
294           RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF] [border: (1px solid #000000)]\r
295             RenderBlock (anonymous) at (1,1) size 98x18\r
296               RenderText at (4,1) size 24x16\r
297                 text run at (4,1) width 24: "One"\r
298           RenderText {#text} at (0,0) size 0x0\r
299         RenderBlock {HR} at (110,38) size 100x2 [border: (1px inset #000000)]\r
300         RenderBlock (anonymous) at (10,48) size 200x20\r
301           RenderBR {BR} at (100,0) size 0x19\r
302 layer at (118,1416) size 100x100\r
303   RenderBlock (floating) {DIV} at (110,30) size 100x100\r
304     RenderText {#text} at (0,0) size 99x99\r
305       text run at (0,0) width 56: "This is an"\r
306       text run at (0,20) width 99: "overflow section"\r
307       text run at (0,40) width 98: "with enough text"\r
308       text run at (0,60) width 95: "to have to wrap"\r
309       text run at (0,80) width 96: "to multiple lines."\r
310 layer at (18,1620) size 200x60\r
311   RenderBlock (floating) {DIV} at (10,54) size 200x60\r
312     RenderText {#text} at (0,0) size 188x59\r
313       text run at (0,0) width 188: "This is an overflow section with"\r
314       text run at (0,20) width 184: "enough text to have to wrap to"\r
315       text run at (0,40) width 80: "multiple lines."\r
316 layer at (118,1740) size 100x100\r
317   RenderBlock {DIV} at (110,30) size 100x100\r
318     RenderText {#text} at (0,0) size 99x99\r
319       text run at (0,0) width 56: "This is an"\r
320       text run at (0,20) width 99: "overflow section"\r
321       text run at (0,40) width 98: "with enough text"\r
322       text run at (0,60) width 95: "to have to wrap"\r
323       text run at (0,80) width 96: "to multiple lines."\r
324 layer at (118,1940) size 100x100\r
325   RenderBlock {DIV} at (110,30) size 100x100\r
326     RenderText {#text} at (0,0) size 99x99\r
327       text run at (0,0) width 56: "This is an"\r
328       text run at (0,20) width 99: "overflow section"\r
329       text run at (0,40) width 98: "with enough text"\r
330       text run at (0,60) width 95: "to have to wrap"\r
331       text run at (0,80) width 96: "to multiple lines."\r