Rebaseline after macOS build progression.
[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 800x382
4   RenderBlock {HTML} at (0,0) size 800x382
5     RenderBody {BODY} at (8,16) size 784x350
6       RenderBlock {P} at (0,0) size 784x18
7         RenderText {#text} at (0,0) size 314x18
8           text run at (0,0) width 314: "This test is a basic check for using text-overflow."
9       RenderBlock {P} at (0,34) size 784x110
10         RenderText {#text} at (0,0) size 489x18
11           text run at (0,0) width 489: "Apply \"text-overflow:clip\" to inputs. The following input should be clipped:"
12         RenderBR {BR} at (488,0) size 1x18
13         RenderTextControl {INPUT} at (2,20) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
14         RenderText {#text} at (150,20) size 5x18
15           text run at (150,20) width 5: " "
16         RenderTextControl {INPUT} at (156,20) size 175x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
17           RenderFlexibleBox {DIV} at (3,0) size 168x19
18             RenderBlock {DIV} at (0,0) size 8x19
19             RenderBlock {DIV} at (8,3) size 141x13
20             RenderBlock {DIV} at (148,0) size 20x19
21         RenderText {#text} at (332,20) size 5x18
22           text run at (332,20) width 5: " "
23         RenderTextControl {INPUT} at (338,20) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
24         RenderText {#text} at (487,20) size 5x18
25           text run at (487,20) width 5: " "
26         RenderTextControl {INPUT} at (493,20) size 175x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
27           RenderFlexibleBox {DIV} at (3,0) size 168x19
28             RenderBlock {DIV} at (0,0) size 8x19
29             RenderBlock {DIV} at (8,3) size 141x13
30             RenderBlock {DIV} at (148,0) size 20x19
31         RenderText {#text} at (0,0) size 0x0
32         RenderTextControl {INPUT} at (2,43) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
33           RenderFlexibleBox {DIV} at (3,3) size 141x13
34             RenderBlock {DIV} at (0,0) size 141x13
35         RenderBR {BR} at (150,43) size 1x18
36         RenderTextControl {INPUT} at (2,66) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
37         RenderText {#text} at (149,66) size 5x18
38           text run at (149,66) width 5: " "
39         RenderTextControl {INPUT} at (155,66) size 174x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
40           RenderFlexibleBox {DIV} at (3,0) size 167x19
41             RenderBlock {DIV} at (158,0) size 9x19
42             RenderBlock {DIV} at (19,3) size 140x13
43             RenderBlock {DIV} at (0,0) size 19x19
44         RenderText {#text} at (330,66) size 5x18
45           text run at (330,66) width 5: " "
46         RenderTextControl {INPUT} at (336,66) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
47         RenderText {#text} at (484,66) size 5x18
48           text run at (484,66) width 5: " "
49         RenderTextControl {INPUT} at (490,66) size 174x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
50           RenderFlexibleBox {DIV} at (3,0) size 167x19
51             RenderBlock {DIV} at (158,0) size 9x19
52             RenderBlock {DIV} at (19,3) size 140x13
53             RenderBlock {DIV} at (0,0) size 19x19
54         RenderText {#text} at (0,0) size 0x0
55         RenderTextControl {INPUT} at (2,89) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
56           RenderFlexibleBox {DIV} at (3,3) size 140x13
57             RenderBlock {DIV} at (0,0) size 140x13
58         RenderText {#text} at (0,0) size 0x0
59       RenderBlock {P} at (0,160) size 784x110
60         RenderText {#text} at (0,0) size 546x18
61           text run at (0,0) width 546: "Apply \"text-overflow:ellipsis\" to inputs. The following input should show an ellipsis:"
62         RenderBR {BR} at (545,0) size 1x18
63         RenderTextControl {INPUT} at (2,20) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
64         RenderText {#text} at (150,20) size 5x18
65           text run at (150,20) width 5: " "
66         RenderTextControl {INPUT} at (156,20) size 175x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
67           RenderFlexibleBox {DIV} at (3,0) size 168x19
68             RenderBlock {DIV} at (0,0) size 8x19
69             RenderBlock {DIV} at (8,3) size 141x13
70             RenderBlock {DIV} at (148,0) size 20x19
71         RenderText {#text} at (332,20) size 5x18
72           text run at (332,20) width 5: " "
73         RenderTextControl {INPUT} at (338,20) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
74         RenderText {#text} at (487,20) size 5x18
75           text run at (487,20) width 5: " "
76         RenderTextControl {INPUT} at (493,20) size 175x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
77           RenderFlexibleBox {DIV} at (3,0) size 168x19
78             RenderBlock {DIV} at (0,0) size 8x19
79             RenderBlock {DIV} at (8,3) size 141x13
80             RenderBlock {DIV} at (148,0) size 20x19
81         RenderText {#text} at (0,0) size 0x0
82         RenderTextControl {INPUT} at (2,43) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
83           RenderFlexibleBox {DIV} at (3,3) size 141x13
84             RenderBlock {DIV} at (0,0) size 141x13
85         RenderBR {BR} at (150,43) size 1x18
86         RenderTextControl {INPUT} at (2,66) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
87         RenderText {#text} at (149,66) size 5x18
88           text run at (149,66) width 5: " "
89         RenderTextControl {INPUT} at (155,66) size 174x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
90           RenderFlexibleBox {DIV} at (3,0) size 167x19
91             RenderBlock {DIV} at (158,0) size 9x19
92             RenderBlock {DIV} at (19,3) size 140x13
93             RenderBlock {DIV} at (0,0) size 19x19
94         RenderText {#text} at (330,66) size 5x18
95           text run at (330,66) width 5: " "
96         RenderTextControl {INPUT} at (336,66) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
97         RenderText {#text} at (484,66) size 5x18
98           text run at (484,66) width 5: " "
99         RenderTextControl {INPUT} at (490,66) size 174x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
100           RenderFlexibleBox {DIV} at (3,0) size 167x19
101             RenderBlock {DIV} at (158,0) size 9x19
102             RenderBlock {DIV} at (19,3) size 140x13
103             RenderBlock {DIV} at (0,0) size 19x19
104         RenderText {#text} at (0,0) size 0x0
105         RenderTextControl {INPUT} at (2,89) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
106           RenderFlexibleBox {DIV} at (3,3) size 140x13
107             RenderBlock {DIV} at (0,0) size 140x13
108         RenderText {#text} at (0,0) size 0x0
109       RenderBlock {P} at (0,286) size 784x64
110         RenderText {#text} at (0,0) size 237x18
111           text run at (0,0) width 237: "Dynamic style change text-overflow:"
112         RenderBR {BR} at (236,0) size 1x18
113         RenderText {#text} at (0,20) size 247x18
114           text run at (0,20) width 247: "Clip to ellipsis (should show ellipsis): "
115         RenderTextControl {INPUT} at (248,20) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
116         RenderText {#text} at (397,20) size 5x18
117           text run at (397,20) width 5: " "
118         RenderTextControl {INPUT} at (403,20) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
119         RenderText {#text} at (551,20) size 5x18
120           text run at (551,20) width 5: " "
121         RenderBR {BR} at (0,0) size 0x0
122         RenderText {#text} at (0,43) size 270x18
123           text run at (0,43) width 270: "Ellipsis to clip (should not show ellipsis): "
124         RenderTextControl {INPUT} at (271,43) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
125         RenderText {#text} at (420,43) size 5x18
126           text run at (420,43) width 5: " "
127         RenderTextControl {INPUT} at (426,43) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
128         RenderText {#text} at (575,43) size 5x18
129           text run at (575,43) width 5: " "
130         RenderBR {BR} at (0,0) size 0x0
131 layer at (13,73) size 141x13 scrollWidth 288
132   RenderBlock {DIV} at (3,3) size 141x13 [color=#A9A9A9]
133     RenderText {#text} at (0,0) size 288x13
134       text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
135 layer at (13,73) size 141x13
136   RenderBlock {DIV} at (3,3) size 141x13
137 layer at (176,73) size 141x13 scrollWidth 288
138   RenderBlock {DIV} at (11,3) size 141x13 [color=#A9A9A9]
139     RenderText {#text} at (0,0) size 288x13
140       text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
141 layer at (176,73) size 141x13
142   RenderBlock {DIV} at (0,0) size 141x13
143 layer at (350,73) size 141x13 scrollWidth 289
144   RenderBlock {DIV} at (3,3) size 141x13
145     RenderText {#text} at (0,0) size 288x13
146       text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
147 layer at (513,73) size 141x13 scrollWidth 289
148   RenderBlock {DIV} at (0,0) size 141x13
149     RenderText {#text} at (0,0) size 288x13
150       text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
151 layer at (13,96) size 141x13 scrollWidth 386
152   RenderBlock {DIV} at (0,0) size 141x13
153     RenderText {#text} at (0,0) size 385x13
154       text run at (0,0) width 385: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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,119) size 140x13 scrollX 148 scrollWidth 288
156   RenderBlock {DIV} at (3,3) size 140x13 [color=#A9A9A9]
157     RenderText {#text} at (-147,0) size 288x13
158       text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
159 layer at (13,119) size 140x13
160   RenderBlock {DIV} at (3,3) size 140x13
161 layer at (186,119) size 140x13 scrollX 148 scrollWidth 288
162   RenderBlock {DIV} at (22,3) size 140x13 [color=#A9A9A9]
163     RenderText {#text} at (-147,0) size 288x13
164       text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
165 layer at (186,119) size 140x13
166   RenderBlock {DIV} at (0,0) size 140x13
167 layer at (348,119) size 140x13 scrollX 148 scrollWidth 288
168   RenderBlock {DIV} at (3,3) size 140x13
169     RenderText {#text} at (-147,0) size 288x13
170       text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
171 layer at (521,119) size 140x13 scrollX 148 scrollWidth 288
172   RenderBlock {DIV} at (0,0) size 140x13
173     RenderText {#text} at (-147,0) size 288x13
174       text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
175 layer at (13,142) size 140x13 scrollX 245 scrollWidth 385
176   RenderBlock {DIV} at (0,0) size 140x13
177     RenderText {#text} at (-244,0) size 385x13
178       text run at (-244,0) width 384 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,199) size 141x13 scrollWidth 288
180   RenderBlock {DIV} at (3,3) size 141x13 [color=#A9A9A9]
181     RenderText {#text} at (0,0) size 288x13
182       text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
183 layer at (13,199) size 141x13
184   RenderBlock {DIV} at (3,3) size 141x13
185 layer at (176,199) size 141x13 scrollWidth 288
186   RenderBlock {DIV} at (11,3) size 141x13 [color=#A9A9A9]
187     RenderText {#text} at (0,0) size 288x13
188       text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
189 layer at (176,199) size 141x13
190   RenderBlock {DIV} at (0,0) size 141x13
191 layer at (350,199) size 141x13 scrollWidth 289
192   RenderBlock {DIV} at (3,3) size 141x13
193     RenderText {#text} at (0,0) size 288x13
194       text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
195 layer at (513,199) size 141x13 scrollWidth 289
196   RenderBlock {DIV} at (0,0) size 141x13
197     RenderText {#text} at (0,0) size 288x13
198       text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
199 layer at (13,222) size 141x13 scrollWidth 386
200   RenderBlock {DIV} at (0,0) size 141x13
201     RenderText {#text} at (0,0) size 385x13
202       text run at (0,0) width 385: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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,245) size 140x13 scrollX 148 scrollWidth 288
204   RenderBlock {DIV} at (3,3) size 140x13 [color=#A9A9A9]
205     RenderText {#text} at (-147,0) size 288x13
206       text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
207 layer at (13,245) size 140x13
208   RenderBlock {DIV} at (3,3) size 140x13
209 layer at (186,245) size 140x13 scrollX 148 scrollWidth 288
210   RenderBlock {DIV} at (22,3) size 140x13 [color=#A9A9A9]
211     RenderText {#text} at (-147,0) size 288x13
212       text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
213 layer at (186,245) size 140x13
214   RenderBlock {DIV} at (0,0) size 140x13
215 layer at (348,245) size 140x13 scrollX 148 scrollWidth 288
216   RenderBlock {DIV} at (3,3) size 140x13
217     RenderText {#text} at (-147,0) size 288x13
218       text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
219 layer at (521,245) size 140x13 scrollX 148 scrollWidth 288
220   RenderBlock {DIV} at (0,0) size 140x13
221     RenderText {#text} at (-147,0) size 288x13
222       text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
223 layer at (13,268) size 140x13 scrollX 245 scrollWidth 385
224   RenderBlock {DIV} at (0,0) size 140x13
225     RenderText {#text} at (-244,0) size 385x13
226       text run at (-244,0) width 384 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 (259,325) size 141x13 scrollWidth 288
228   RenderBlock {DIV} at (3,3) size 141x13 [color=#A9A9A9]
229     RenderText {#text} at (0,0) size 288x13
230       text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
231 layer at (259,325) size 141x13
232   RenderBlock {DIV} at (3,3) size 141x13
233 layer at (414,325) size 141x13 scrollWidth 289
234   RenderBlock {DIV} at (3,3) size 141x13
235     RenderText {#text} at (0,0) size 288x13
236       text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
237 layer at (283,348) size 141x13 scrollWidth 288
238   RenderBlock {DIV} at (3,3) size 141x13 [color=#A9A9A9]
239     RenderText {#text} at (0,0) size 288x13
240       text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
241 layer at (283,348) size 141x13
242   RenderBlock {DIV} at (3,3) size 141x13
243 layer at (438,348) size 141x13 scrollWidth 289
244   RenderBlock {DIV} at (3,3) size 141x13
245     RenderText {#text} at (0,0) size 288x13
246       text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"