840e8a577cc982dc1bb287543c92cd55e022f963
[WebKit-https.git] / LayoutTests / platform / mac / fast / css / text-overflow-input-expected.txt
1 layer at (0,0) size 800x600
2   RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x290
4   RenderBlock {HTML} at (0,0) size 800x290
5     RenderBody {BODY} at (8,16) size 784x258
6       RenderBlock {P} at (0,0) size 784x18
7         RenderText {#text} at (0,0) size 308x18
8           text run at (0,0) width 308: "This test is a basic check for using text-overflow."
9       RenderBlock {P} at (0,34) size 784x64
10         RenderText {#text} at (0,0) size 481x18
11           text run at (0,0) width 481: "Apply \"text-overflow:clip\" to inputs. The following input should be clipped:"
12         RenderBR {BR} at (481,0) size 0x18
13         RenderTextControl {INPUT} at (2,20) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
14         RenderText {#text} at (129,20) size 4x18
15           text run at (129,20) width 4: " "
16         RenderTextControl {INPUT} at (135,20) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
17           RenderDeprecatedFlexibleBox {DIV} at (3,3) size 119x13
18             RenderBlock {DIV} at (0,1) size 8x11
19             RenderBlock {DIV} at (8,0) size 98x13
20             RenderBlock {DIV} at (106,1) size 13x11
21         RenderText {#text} at (262,20) size 4x18
22           text run at (262,20) width 4: " "
23         RenderTextControl {INPUT} at (268,20) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
24         RenderText {#text} at (395,20) size 4x18
25           text run at (395,20) width 4: " "
26         RenderTextControl {INPUT} at (401,20) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
27           RenderDeprecatedFlexibleBox {DIV} at (3,3) size 119x13
28             RenderBlock {DIV} at (0,1) size 8x11
29             RenderBlock {DIV} at (8,0) size 98x13
30             RenderBlock {DIV} at (106,1) size 13x11
31         RenderText {#text} at (528,20) size 4x18
32           text run at (528,20) width 4: " "
33         RenderTextControl {INPUT} at (534,20) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
34         RenderBR {BR} at (661,20) size 0x18
35         RenderTextControl {INPUT} at (2,43) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
36         RenderText {#text} at (129,43) size 4x18
37           text run at (129,43) width 4: " "
38         RenderTextControl {INPUT} at (135,43) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
39           RenderDeprecatedFlexibleBox {DIV} at (3,3) size 119x13
40             RenderBlock {DIV} at (0,1) size 8x11
41             RenderBlock {DIV} at (8,0) size 98x13
42             RenderBlock {DIV} at (106,1) size 13x11
43         RenderText {#text} at (262,43) size 4x18
44           text run at (262,43) width 4: " "
45         RenderTextControl {INPUT} at (268,43) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
46         RenderText {#text} at (395,43) size 4x18
47           text run at (395,43) width 4: " "
48         RenderTextControl {INPUT} at (401,43) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
49           RenderDeprecatedFlexibleBox {DIV} at (3,3) size 119x13
50             RenderBlock {DIV} at (0,1) size 8x11
51             RenderBlock {DIV} at (8,0) size 98x13
52             RenderBlock {DIV} at (106,1) size 13x11
53         RenderText {#text} at (528,43) size 4x18
54           text run at (528,43) width 4: " "
55         RenderTextControl {INPUT} at (534,43) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
56         RenderText {#text} at (0,0) size 0x0
57       RenderBlock {P} at (0,114) size 784x64
58         RenderText {#text} at (0,0) size 536x18
59           text run at (0,0) width 536: "Apply \"text-overflow:ellipsis\" to inputs. The following input should show an ellipsis:"
60         RenderBR {BR} at (536,0) size 0x18
61         RenderTextControl {INPUT} at (2,20) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
62         RenderText {#text} at (129,20) size 4x18
63           text run at (129,20) width 4: " "
64         RenderTextControl {INPUT} at (135,20) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
65           RenderDeprecatedFlexibleBox {DIV} at (3,3) size 119x13
66             RenderBlock {DIV} at (0,1) size 8x11
67             RenderBlock {DIV} at (8,0) size 98x13
68             RenderBlock {DIV} at (106,1) size 13x11
69         RenderText {#text} at (262,20) size 4x18
70           text run at (262,20) width 4: " "
71         RenderTextControl {INPUT} at (268,20) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
72         RenderText {#text} at (395,20) size 4x18
73           text run at (395,20) width 4: " "
74         RenderTextControl {INPUT} at (401,20) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
75           RenderDeprecatedFlexibleBox {DIV} at (3,3) size 119x13
76             RenderBlock {DIV} at (0,1) size 8x11
77             RenderBlock {DIV} at (8,0) size 98x13
78             RenderBlock {DIV} at (106,1) size 13x11
79         RenderText {#text} at (528,20) size 4x18
80           text run at (528,20) width 4: " "
81         RenderTextControl {INPUT} at (534,20) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
82         RenderBR {BR} at (661,20) size 0x18
83         RenderTextControl {INPUT} at (2,43) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
84         RenderText {#text} at (129,43) size 4x18
85           text run at (129,43) width 4: " "
86         RenderTextControl {INPUT} at (135,43) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
87           RenderDeprecatedFlexibleBox {DIV} at (3,3) size 119x13
88             RenderBlock {DIV} at (0,1) size 8x11
89             RenderBlock {DIV} at (8,0) size 98x13
90             RenderBlock {DIV} at (106,1) size 13x11
91         RenderText {#text} at (262,43) size 4x18
92           text run at (262,43) width 4: " "
93         RenderTextControl {INPUT} at (268,43) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
94         RenderText {#text} at (395,43) size 4x18
95           text run at (395,43) width 4: " "
96         RenderTextControl {INPUT} at (401,43) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
97           RenderDeprecatedFlexibleBox {DIV} at (3,3) size 119x13
98             RenderBlock {DIV} at (0,1) size 8x11
99             RenderBlock {DIV} at (8,0) size 98x13
100             RenderBlock {DIV} at (106,1) size 13x11
101         RenderText {#text} at (528,43) size 4x18
102           text run at (528,43) width 4: " "
103         RenderTextControl {INPUT} at (534,43) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
104         RenderText {#text} at (0,0) size 0x0
105       RenderBlock {P} at (0,194) size 784x64
106         RenderText {#text} at (0,0) size 233x18
107           text run at (0,0) width 233: "Dynamic style change text-overflow:"
108         RenderBR {BR} at (233,0) size 0x18
109         RenderText {#text} at (0,20) size 239x18
110           text run at (0,20) width 239: "Clip to ellipsis (should show ellipsis): "
111         RenderTextControl {INPUT} at (241,20) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
112         RenderText {#text} at (368,20) size 4x18
113           text run at (368,20) width 4: " "
114         RenderTextControl {INPUT} at (374,20) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
115         RenderText {#text} at (501,20) size 4x18
116           text run at (501,20) width 4: " "
117         RenderBR {BR} at (0,0) size 0x0
118         RenderText {#text} at (0,43) size 262x18
119           text run at (0,43) width 262: "Ellipsis to clip (should not show ellipsis): "
120         RenderTextControl {INPUT} at (264,43) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
121         RenderText {#text} at (391,43) size 4x18
122           text run at (391,43) width 4: " "
123         RenderTextControl {INPUT} at (397,43) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
124         RenderText {#text} at (524,43) size 4x18
125           text run at (524,43) width 4: " "
126         RenderBR {BR} at (0,0) size 0x0
127 layer at (13,73) size 119x13
128   RenderBlock {DIV} at (3,3) size 119x13
129 layer at (13,73) size 119x13 scrollWidth 298
130   RenderBlock {DIV} at (3,3) size 119x13 [color=#A9A9A9]
131     RenderText {#text} at (1,0) size 296x13
132       text run at (1,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
133 layer at (154,73) size 98x13
134   RenderBlock {DIV} at (0,0) size 98x13
135 layer at (154,73) size 98x13 scrollWidth 298
136   RenderBlock {DIV} at (11,3) size 98x13 [color=#A9A9A9]
137     RenderText {#text} at (1,0) size 296x13
138       text run at (1,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
139 layer at (279,73) size 119x13 scrollWidth 298
140   RenderBlock {DIV} at (3,3) size 119x13
141     RenderText {#text} at (1,0) size 296x13
142       text run at (1,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
143 layer at (420,73) size 98x13 scrollWidth 298
144   RenderBlock {DIV} at (0,0) size 98x13
145     RenderText {#text} at (1,0) size 296x13
146       text run at (1,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
147 layer at (545,73) size 119x13 scrollWidth 342
148   RenderBlock {DIV} at (3,3) size 119x13
149     RenderText {#text} at (1,0) size 340x13
150       text run at (1,0) width 340: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}"
151 layer at (13,96) size 119x13
152   RenderBlock {DIV} at (3,3) size 119x13
153 layer at (13,96) size 119x13 scrollX 178 scrollWidth 297
154   RenderBlock {DIV} at (3,3) size 119x13 [color=#A9A9A9]
155     RenderText {#text} at (-177,0) size 296x13
156       text run at (-177,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
157 layer at (154,96) size 98x13
158   RenderBlock {DIV} at (0,0) size 98x13
159 layer at (154,96) size 98x13 scrollX 199 scrollWidth 297
160   RenderBlock {DIV} at (11,3) size 98x13 [color=#A9A9A9]
161     RenderText {#text} at (-198,0) size 296x13
162       text run at (-198,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
163 layer at (279,96) size 119x13 scrollX 178 scrollWidth 297
164   RenderBlock {DIV} at (3,3) size 119x13
165     RenderText {#text} at (-177,0) size 296x13
166       text run at (-177,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
167 layer at (420,96) size 98x13 scrollX 199 scrollWidth 297
168   RenderBlock {DIV} at (0,0) size 98x13
169     RenderText {#text} at (-198,0) size 296x13
170       text run at (-198,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
171 layer at (545,96) size 119x13 scrollX 222 scrollWidth 341
172   RenderBlock {DIV} at (3,3) size 119x13
173     RenderText {#text} at (-221,0) size 340x13
174       text run at (-221,0) width 339 RTL: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}"
175 layer at (13,153) size 119x13
176   RenderBlock {DIV} at (3,3) size 119x13
177 layer at (13,153) size 119x13 scrollWidth 298
178   RenderBlock {DIV} at (3,3) size 119x13 [color=#A9A9A9]
179     RenderText {#text} at (1,0) size 296x13
180       text run at (1,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
181 layer at (154,153) size 98x13
182   RenderBlock {DIV} at (0,0) size 98x13
183 layer at (154,153) size 98x13 scrollWidth 298
184   RenderBlock {DIV} at (11,3) size 98x13 [color=#A9A9A9]
185     RenderText {#text} at (1,0) size 296x13
186       text run at (1,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
187 layer at (279,153) size 119x13 scrollWidth 298
188   RenderBlock {DIV} at (3,3) size 119x13
189     RenderText {#text} at (1,0) size 296x13
190       text run at (1,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
191 layer at (420,153) size 98x13 scrollWidth 298
192   RenderBlock {DIV} at (0,0) size 98x13
193     RenderText {#text} at (1,0) size 296x13
194       text run at (1,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
195 layer at (545,153) size 119x13 scrollWidth 342
196   RenderBlock {DIV} at (3,3) size 119x13
197     RenderText {#text} at (1,0) size 340x13
198       text run at (1,0) width 340: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}"
199 layer at (13,176) size 119x13
200   RenderBlock {DIV} at (3,3) size 119x13
201 layer at (13,176) size 119x13 scrollX 178 scrollWidth 297
202   RenderBlock {DIV} at (3,3) size 119x13 [color=#A9A9A9]
203     RenderText {#text} at (-177,0) size 296x13
204       text run at (-177,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
205 layer at (154,176) size 98x13
206   RenderBlock {DIV} at (0,0) size 98x13
207 layer at (154,176) size 98x13 scrollX 199 scrollWidth 297
208   RenderBlock {DIV} at (11,3) size 98x13 [color=#A9A9A9]
209     RenderText {#text} at (-198,0) size 296x13
210       text run at (-198,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
211 layer at (279,176) size 119x13 scrollX 178 scrollWidth 297
212   RenderBlock {DIV} at (3,3) size 119x13
213     RenderText {#text} at (-177,0) size 296x13
214       text run at (-177,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
215 layer at (420,176) size 98x13 scrollX 199 scrollWidth 297
216   RenderBlock {DIV} at (0,0) size 98x13
217     RenderText {#text} at (-198,0) size 296x13
218       text run at (-198,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
219 layer at (545,176) size 119x13 scrollX 222 scrollWidth 341
220   RenderBlock {DIV} at (3,3) size 119x13
221     RenderText {#text} at (-221,0) size 340x13
222       text run at (-221,0) width 339 RTL: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}"
223 layer at (252,233) size 119x13
224   RenderBlock {DIV} at (3,3) size 119x13
225 layer at (252,233) size 119x13 scrollWidth 298
226   RenderBlock {DIV} at (3,3) size 119x13 [color=#A9A9A9]
227     RenderText {#text} at (1,0) size 296x13
228       text run at (1,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
229 layer at (385,233) size 119x13 scrollWidth 298
230   RenderBlock {DIV} at (3,3) size 119x13
231     RenderText {#text} at (1,0) size 296x13
232       text run at (1,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
233 layer at (275,256) size 119x13
234   RenderBlock {DIV} at (3,3) size 119x13
235 layer at (275,256) size 119x13 scrollWidth 298
236   RenderBlock {DIV} at (3,3) size 119x13 [color=#A9A9A9]
237     RenderText {#text} at (1,0) size 296x13
238       text run at (1,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
239 layer at (408,256) size 119x13 scrollWidth 298
240   RenderBlock {DIV} at (3,3) size 119x13
241     RenderText {#text} at (1,0) size 296x13
242       text run at (1,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"