e97e4e52211f0961c646aa9aad7adcf9937edda9
[WebKit-https.git] / LayoutTests / platform / gtk / 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 800x426
4   RenderBlock {HTML} at (0,0) size 800x426
5     RenderBody {BODY} at (8,16) size 784x394
6       RenderBlock {P} at (0,0) size 784x17
7         RenderText {#text} at (0,0) size 308x17
8           text run at (0,0) width 308: "This test is a basic check for using text-overflow."
9       RenderBlock {P} at (0,33) size 784x129
10         RenderText {#text} at (0,0) size 481x17
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 0x17
13         RenderTextControl {INPUT} at (2,19) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
14         RenderText {#text} at (195,22) size 4x17
15           text run at (195,22) width 4: " "
16         RenderTextControl {INPUT} at (201,19) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
17           RenderFlexibleBox {DIV} at (3,3) size 216x18
18             RenderBlock {DIV} at (0,9) size 0x0
19             RenderBlock {DIV} at (0,0) size 185x18
20             RenderBlock {DIV} at (185,0) size 31x18
21         RenderText {#text} at (425,22) size 4x17
22           text run at (425,22) width 4: " "
23         RenderTextControl {INPUT} at (431,19) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
24         RenderText {#text} at (0,0) size 0x0
25         RenderTextControl {INPUT} at (2,47) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
26           RenderFlexibleBox {DIV} at (3,3) size 216x18
27             RenderBlock {DIV} at (0,9) size 0x0
28             RenderBlock {DIV} at (0,0) size 185x18
29             RenderBlock {DIV} at (185,0) size 31x18
30         RenderText {#text} at (226,50) size 4x17
31           text run at (226,50) width 4: " "
32         RenderTextControl {INPUT} at (232,47) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
33           RenderFlexibleBox {DIV} at (3,3) size 185x17
34             RenderBlock {DIV} at (0,0) size 185x17
35         RenderBR {BR} at (425,50) size 0x17
36         RenderTextControl {INPUT} at (2,75) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
37         RenderText {#text} at (195,78) size 4x17
38           text run at (195,78) width 4: " "
39         RenderTextControl {INPUT} at (201,75) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
40           RenderFlexibleBox {DIV} at (3,3) size 216x18
41             RenderBlock {DIV} at (216,9) size 0x0
42             RenderBlock {DIV} at (31,0) size 185x18
43             RenderBlock {DIV} at (0,0) size 31x18
44         RenderText {#text} at (425,78) size 4x17
45           text run at (425,78) width 4: " "
46         RenderTextControl {INPUT} at (431,75) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
47         RenderText {#text} at (0,0) size 0x0
48         RenderTextControl {INPUT} at (2,103) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
49           RenderFlexibleBox {DIV} at (3,3) size 216x18
50             RenderBlock {DIV} at (216,9) size 0x0
51             RenderBlock {DIV} at (31,0) size 185x18
52             RenderBlock {DIV} at (0,0) size 31x18
53         RenderText {#text} at (226,106) size 4x17
54           text run at (226,106) width 4: " "
55         RenderTextControl {INPUT} at (232,103) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
56           RenderFlexibleBox {DIV} at (3,3) size 185x17
57             RenderBlock {DIV} at (0,0) size 185x17
58         RenderText {#text} at (0,0) size 0x0
59       RenderBlock {P} at (0,178) size 784x129
60         RenderText {#text} at (0,0) size 536x17
61           text run at (0,0) width 536: "Apply \"text-overflow:ellipsis\" to inputs. The following input should show an ellipsis:"
62         RenderBR {BR} at (536,0) size 0x17
63         RenderTextControl {INPUT} at (2,19) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
64         RenderText {#text} at (195,22) size 4x17
65           text run at (195,22) width 4: " "
66         RenderTextControl {INPUT} at (201,19) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
67           RenderFlexibleBox {DIV} at (3,3) size 216x18
68             RenderBlock {DIV} at (0,9) size 0x0
69             RenderBlock {DIV} at (0,0) size 185x18
70             RenderBlock {DIV} at (185,0) size 31x18
71         RenderText {#text} at (425,22) size 4x17
72           text run at (425,22) width 4: " "
73         RenderTextControl {INPUT} at (431,19) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
74         RenderText {#text} at (0,0) size 0x0
75         RenderTextControl {INPUT} at (2,47) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
76           RenderFlexibleBox {DIV} at (3,3) size 216x18
77             RenderBlock {DIV} at (0,9) size 0x0
78             RenderBlock {DIV} at (0,0) size 185x18
79             RenderBlock {DIV} at (185,0) size 31x18
80         RenderText {#text} at (226,50) size 4x17
81           text run at (226,50) width 4: " "
82         RenderTextControl {INPUT} at (232,47) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
83           RenderFlexibleBox {DIV} at (3,3) size 185x17
84             RenderBlock {DIV} at (0,0) size 185x17
85         RenderBR {BR} at (425,50) size 0x17
86         RenderTextControl {INPUT} at (2,75) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
87         RenderText {#text} at (195,78) size 4x17
88           text run at (195,78) width 4: " "
89         RenderTextControl {INPUT} at (201,75) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
90           RenderFlexibleBox {DIV} at (3,3) size 216x18
91             RenderBlock {DIV} at (216,9) size 0x0
92             RenderBlock {DIV} at (31,0) size 185x18
93             RenderBlock {DIV} at (0,0) size 31x18
94         RenderText {#text} at (425,78) size 4x17
95           text run at (425,78) width 4: " "
96         RenderTextControl {INPUT} at (431,75) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
97         RenderText {#text} at (0,0) size 0x0
98         RenderTextControl {INPUT} at (2,103) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
99           RenderFlexibleBox {DIV} at (3,3) size 216x18
100             RenderBlock {DIV} at (216,9) size 0x0
101             RenderBlock {DIV} at (31,0) size 185x18
102             RenderBlock {DIV} at (0,0) size 31x18
103         RenderText {#text} at (226,106) size 4x17
104           text run at (226,106) width 4: " "
105         RenderTextControl {INPUT} at (232,103) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
106           RenderFlexibleBox {DIV} at (3,3) size 185x17
107             RenderBlock {DIV} at (0,0) size 185x17
108         RenderText {#text} at (0,0) size 0x0
109       RenderBlock {P} at (0,323) size 784x71
110         RenderText {#text} at (0,0) size 233x17
111           text run at (0,0) width 233: "Dynamic style change text-overflow:"
112         RenderBR {BR} at (233,0) size 0x17
113         RenderText {#text} at (0,22) size 239x17
114           text run at (0,22) width 239: "Clip to ellipsis (should show ellipsis): "
115         RenderTextControl {INPUT} at (241,19) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
116         RenderText {#text} at (434,22) size 4x17
117           text run at (434,22) width 4: " "
118         RenderTextControl {INPUT} at (440,19) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
119         RenderText {#text} at (633,22) size 4x17
120           text run at (633,22) width 4: " "
121         RenderBR {BR} at (0,0) size 0x0
122         RenderText {#text} at (0,49) size 262x17
123           text run at (0,49) width 262: "Ellipsis to clip (should not show ellipsis): "
124         RenderTextControl {INPUT} at (264,46) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
125         RenderText {#text} at (457,49) size 4x17
126           text run at (457,49) width 4: " "
127         RenderTextControl {INPUT} at (463,46) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
128         RenderText {#text} at (656,49) size 4x17
129           text run at (656,49) width 4: " "
130         RenderBR {BR} at (0,0) size 0x0
131 layer at (13,71) size 185x17 scrollWidth 383
132   RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9]
133     RenderText {#text} at (0,0) size 383x17
134       text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
135 layer at (13,71) size 185x17
136   RenderBlock {DIV} at (3,3) size 185x17
137 layer at (212,72) size 185x17 scrollWidth 383
138   RenderBlock {DIV} at (3,3) size 185x18 [color=#A9A9A9]
139     RenderText {#text} at (0,0) size 383x17
140       text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
141 layer at (212,72) size 185x17
142   RenderBlock {DIV} at (0,0) size 185x17
143 layer at (442,71) size 185x17 scrollWidth 384
144   RenderBlock {DIV} at (3,3) size 185x17
145     RenderText {#text} at (0,0) size 383x17
146       text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
147 layer at (13,100) size 185x17 scrollWidth 384
148   RenderBlock {DIV} at (0,0) size 185x17
149     RenderText {#text} at (0,0) size 383x17
150       text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
151 layer at (243,99) size 185x17 scrollWidth 331
152   RenderBlock {DIV} at (0,0) size 185x17
153     RenderText {#text} at (0,0) size 330x17
154       text run at (0,0) width 330: "\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}"
155 layer at (13,127) size 185x17 scrollX 198 scrollWidth 383
156   RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9]
157     RenderText {#text} at (-198,0) size 383x17
158       text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
159 layer at (13,127) size 185x17
160   RenderBlock {DIV} at (3,3) size 185x17
161 layer at (243,128) size 185x17 scrollX 198 scrollWidth 383
162   RenderBlock {DIV} at (34,3) size 185x18 [color=#A9A9A9]
163     RenderText {#text} at (-198,0) size 383x17
164       text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
165 layer at (243,128) size 185x17
166   RenderBlock {DIV} at (0,0) size 185x17
167 layer at (442,127) size 185x17 scrollX 198 scrollWidth 383
168   RenderBlock {DIV} at (3,3) size 185x17
169     RenderText {#text} at (-198,0) size 383x17
170       text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
171 layer at (44,156) size 185x17 scrollX 198 scrollWidth 383
172   RenderBlock {DIV} at (0,0) size 185x17
173     RenderText {#text} at (-198,0) size 383x17
174       text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
175 layer at (243,155) size 185x17 scrollX 145 scrollWidth 330
176   RenderBlock {DIV} at (0,0) size 185x17
177     RenderText {#text} at (-145,0) size 330x17
178       text run at (-145,0) width 330 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}"
179 layer at (13,216) size 185x17 scrollWidth 383
180   RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9]
181     RenderText {#text} at (0,0) size 383x17
182       text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
183 layer at (13,216) size 185x17
184   RenderBlock {DIV} at (3,3) size 185x17
185 layer at (212,217) size 185x17 scrollWidth 383
186   RenderBlock {DIV} at (3,3) size 185x18 [color=#A9A9A9]
187     RenderText {#text} at (0,0) size 383x17
188       text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
189 layer at (212,217) size 185x17
190   RenderBlock {DIV} at (0,0) size 185x17
191 layer at (442,216) size 185x17 scrollWidth 384
192   RenderBlock {DIV} at (3,3) size 185x17
193     RenderText {#text} at (0,0) size 383x17
194       text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
195 layer at (13,245) size 185x17 scrollWidth 384
196   RenderBlock {DIV} at (0,0) size 185x17
197     RenderText {#text} at (0,0) size 383x17
198       text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
199 layer at (243,244) size 185x17 scrollWidth 331
200   RenderBlock {DIV} at (0,0) size 185x17
201     RenderText {#text} at (0,0) size 330x17
202       text run at (0,0) width 330: "\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}"
203 layer at (13,272) size 185x17 scrollX 198 scrollWidth 383
204   RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9]
205     RenderText {#text} at (-198,0) size 383x17
206       text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
207 layer at (13,272) size 185x17
208   RenderBlock {DIV} at (3,3) size 185x17
209 layer at (243,273) size 185x17 scrollX 198 scrollWidth 383
210   RenderBlock {DIV} at (34,3) size 185x18 [color=#A9A9A9]
211     RenderText {#text} at (-198,0) size 383x17
212       text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
213 layer at (243,273) size 185x17
214   RenderBlock {DIV} at (0,0) size 185x17
215 layer at (442,272) size 185x17 scrollX 198 scrollWidth 383
216   RenderBlock {DIV} at (3,3) size 185x17
217     RenderText {#text} at (-198,0) size 383x17
218       text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
219 layer at (44,301) size 185x17 scrollX 198 scrollWidth 383
220   RenderBlock {DIV} at (0,0) size 185x17
221     RenderText {#text} at (-198,0) size 383x17
222       text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
223 layer at (243,300) size 185x17 scrollX 145 scrollWidth 330
224   RenderBlock {DIV} at (0,0) size 185x17
225     RenderText {#text} at (-145,0) size 330x17
226       text run at (-145,0) width 330 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}"
227 layer at (252,361) size 185x17 scrollWidth 383
228   RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9]
229     RenderText {#text} at (0,0) size 383x17
230       text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
231 layer at (252,361) size 185x17
232   RenderBlock {DIV} at (3,3) size 185x17
233 layer at (451,361) size 185x17 scrollWidth 384
234   RenderBlock {DIV} at (3,3) size 185x17
235     RenderText {#text} at (0,0) size 383x17
236       text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
237 layer at (275,388) size 185x17 scrollWidth 383
238   RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9]
239     RenderText {#text} at (0,0) size 383x17
240       text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
241 layer at (275,388) size 185x17
242   RenderBlock {DIV} at (3,3) size 185x17
243 layer at (474,388) size 185x17 scrollWidth 384
244   RenderBlock {DIV} at (3,3) size 185x17
245     RenderText {#text} at (0,0) size 383x17
246       text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"