Web Inspector search icon does not fit when zoomed in.
[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 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 784x64
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 137x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
14         RenderText {#text} at (140,20) size 5x18
15           text run at (140,20) width 5: " "
16         RenderTextControl {INPUT} at (146,20) size 164x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
17           RenderFlexibleBox {DIV} at (3,0) size 158x19
18             RenderBlock {DIV} at (0,0) size 8x19
19             RenderBlock {DIV} at (8,3) size 131x13
20             RenderBlock {DIV} at (138,0) size 20x19
21         RenderText {#text} at (311,20) size 5x18
22           text run at (311,20) width 5: " "
23         RenderTextControl {INPUT} at (317,20) size 138x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
24         RenderText {#text} at (456,20) size 5x18
25           text run at (456,20) width 5: " "
26         RenderTextControl {INPUT} at (462,20) size 164x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
27           RenderFlexibleBox {DIV} at (3,0) size 158x19
28             RenderBlock {DIV} at (0,0) size 8x19
29             RenderBlock {DIV} at (8,3) size 131x13
30             RenderBlock {DIV} at (138,0) size 20x19
31         RenderText {#text} at (627,20) size 5x18
32           text run at (627,20) width 5: " "
33         RenderTextControl {INPUT} at (633,20) size 137x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
34           RenderFlexibleBox {DIV} at (3,3) size 131x13
35             RenderBlock {DIV} at (0,0) size 131x13
36         RenderBR {BR} at (771,20) size 1x18
37         RenderTextControl {INPUT} at (2,43) size 137x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
38         RenderText {#text} at (140,43) size 5x18
39           text run at (140,43) width 5: " "
40         RenderTextControl {INPUT} at (146,43) size 164x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
41           RenderFlexibleBox {DIV} at (3,0) size 158x19
42             RenderBlock {DIV} at (0,0) size 8x19
43             RenderBlock {DIV} at (8,3) size 131x13
44             RenderBlock {DIV} at (138,0) size 20x19
45         RenderText {#text} at (311,43) size 5x18
46           text run at (311,43) width 5: " "
47         RenderTextControl {INPUT} at (317,43) size 138x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
48         RenderText {#text} at (456,43) size 5x18
49           text run at (456,43) width 5: " "
50         RenderTextControl {INPUT} at (462,43) size 164x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
51           RenderFlexibleBox {DIV} at (3,0) size 158x19
52             RenderBlock {DIV} at (0,0) size 8x19
53             RenderBlock {DIV} at (8,3) size 131x13
54             RenderBlock {DIV} at (138,0) size 20x19
55         RenderText {#text} at (627,43) size 5x18
56           text run at (627,43) width 5: " "
57         RenderTextControl {INPUT} at (633,43) size 137x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
58           RenderFlexibleBox {DIV} at (3,3) size 131x13
59             RenderBlock {DIV} at (0,0) size 131x13
60         RenderText {#text} at (0,0) size 0x0
61       RenderBlock {P} at (0,114) size 784x64
62         RenderText {#text} at (0,0) size 546x18
63           text run at (0,0) width 546: "Apply \"text-overflow:ellipsis\" to inputs. The following input should show an ellipsis:"
64         RenderBR {BR} at (545,0) size 1x18
65         RenderTextControl {INPUT} at (2,20) size 137x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
66         RenderText {#text} at (140,20) size 5x18
67           text run at (140,20) width 5: " "
68         RenderTextControl {INPUT} at (146,20) size 164x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
69           RenderFlexibleBox {DIV} at (3,0) size 158x19
70             RenderBlock {DIV} at (0,0) size 8x19
71             RenderBlock {DIV} at (8,3) size 131x13
72             RenderBlock {DIV} at (138,0) size 20x19
73         RenderText {#text} at (311,20) size 5x18
74           text run at (311,20) width 5: " "
75         RenderTextControl {INPUT} at (317,20) size 138x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
76         RenderText {#text} at (456,20) size 5x18
77           text run at (456,20) width 5: " "
78         RenderTextControl {INPUT} at (462,20) size 164x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
79           RenderFlexibleBox {DIV} at (3,0) size 158x19
80             RenderBlock {DIV} at (0,0) size 8x19
81             RenderBlock {DIV} at (8,3) size 131x13
82             RenderBlock {DIV} at (138,0) size 20x19
83         RenderText {#text} at (627,20) size 5x18
84           text run at (627,20) width 5: " "
85         RenderTextControl {INPUT} at (633,20) size 137x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
86           RenderFlexibleBox {DIV} at (3,3) size 131x13
87             RenderBlock {DIV} at (0,0) size 131x13
88         RenderBR {BR} at (771,20) size 1x18
89         RenderTextControl {INPUT} at (2,43) size 137x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
90         RenderText {#text} at (140,43) size 5x18
91           text run at (140,43) width 5: " "
92         RenderTextControl {INPUT} at (146,43) size 164x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
93           RenderFlexibleBox {DIV} at (3,0) size 158x19
94             RenderBlock {DIV} at (0,0) size 8x19
95             RenderBlock {DIV} at (8,3) size 131x13
96             RenderBlock {DIV} at (138,0) size 20x19
97         RenderText {#text} at (311,43) size 5x18
98           text run at (311,43) width 5: " "
99         RenderTextControl {INPUT} at (317,43) size 138x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
100         RenderText {#text} at (456,43) size 5x18
101           text run at (456,43) width 5: " "
102         RenderTextControl {INPUT} at (462,43) size 164x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
103           RenderFlexibleBox {DIV} at (3,0) size 158x19
104             RenderBlock {DIV} at (0,0) size 8x19
105             RenderBlock {DIV} at (8,3) size 131x13
106             RenderBlock {DIV} at (138,0) size 20x19
107         RenderText {#text} at (627,43) size 5x18
108           text run at (627,43) width 5: " "
109         RenderTextControl {INPUT} at (633,43) size 137x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
110           RenderFlexibleBox {DIV} at (3,3) size 131x13
111             RenderBlock {DIV} at (0,0) size 131x13
112         RenderText {#text} at (0,0) size 0x0
113       RenderBlock {P} at (0,194) size 784x64
114         RenderText {#text} at (0,0) size 237x18
115           text run at (0,0) width 237: "Dynamic style change text-overflow:"
116         RenderBR {BR} at (236,0) size 1x18
117         RenderText {#text} at (0,20) size 247x18
118           text run at (0,20) width 247: "Clip to ellipsis (should show ellipsis): "
119         RenderTextControl {INPUT} at (248,20) size 137x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
120         RenderText {#text} at (386,20) size 5x18
121           text run at (386,20) width 5: " "
122         RenderTextControl {INPUT} at (392,20) size 137x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
123         RenderText {#text} at (530,20) size 5x18
124           text run at (530,20) width 5: " "
125         RenderBR {BR} at (0,0) size 0x0
126         RenderText {#text} at (0,43) size 270x18
127           text run at (0,43) width 270: "Ellipsis to clip (should not show ellipsis): "
128         RenderTextControl {INPUT} at (271,43) size 138x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
129         RenderText {#text} at (410,43) size 5x18
130           text run at (410,43) width 5: " "
131         RenderTextControl {INPUT} at (416,43) size 137x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
132         RenderText {#text} at (554,43) size 5x18
133           text run at (554,43) width 5: " "
134         RenderBR {BR} at (0,0) size 0x0
135 layer at (13,73) size 130x13 scrollWidth 291
136   RenderBlock {DIV} at (3,3) size 131x13 [color=#A9A9A9]
137     RenderText {#text} at (0,0) size 291x13
138       text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
139 layer at (13,73) size 130x13
140   RenderBlock {DIV} at (3,3) size 131x13
141 layer at (165,73) size 130x13 scrollWidth 291
142   RenderBlock {DIV} at (11,3) size 131x13 [color=#A9A9A9]
143     RenderText {#text} at (0,0) size 291x13
144       text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
145 layer at (165,73) size 130x13
146   RenderBlock {DIV} at (0,0) size 131x13
147 layer at (329,73) size 130x13 scrollWidth 292
148   RenderBlock {DIV} at (3,3) size 131x13
149     RenderText {#text} at (0,0) size 291x13
150       text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
151 layer at (481,73) size 130x13 scrollWidth 292
152   RenderBlock {DIV} at (0,0) size 131x13
153     RenderText {#text} at (0,0) size 291x13
154       text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
155 layer at (644,73) size 130x13 scrollWidth 362
156   RenderBlock {DIV} at (0,0) size 131x13
157     RenderText {#text} at (0,0) size 361x13
158       text run at (0,0) width 361: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}"
159 layer at (13,96) size 130x13 scrollX 160 scrollWidth 291
160   RenderBlock {DIV} at (3,3) size 131x13 [color=#A9A9A9]
161     RenderText {#text} at (-160,0) size 292x13
162       text run at (-160,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
163 layer at (13,96) size 130x13
164   RenderBlock {DIV} at (3,3) size 131x13
165 layer at (165,96) size 130x13 scrollX 160 scrollWidth 291
166   RenderBlock {DIV} at (11,3) size 131x13 [color=#A9A9A9]
167     RenderText {#text} at (-160,0) size 292x13
168       text run at (-160,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
169 layer at (165,96) size 130x13
170   RenderBlock {DIV} at (0,0) size 131x13
171 layer at (329,96) size 130x13 scrollX 160 scrollWidth 291
172   RenderBlock {DIV} at (3,3) size 131x13
173     RenderText {#text} at (-160,0) size 292x13
174       text run at (-160,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
175 layer at (481,96) size 130x13 scrollX 160 scrollWidth 291
176   RenderBlock {DIV} at (0,0) size 131x13
177     RenderText {#text} at (-160,0) size 292x13
178       text run at (-160,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
179 layer at (644,96) size 130x13 scrollX 230 scrollWidth 361
180   RenderBlock {DIV} at (0,0) size 131x13
181     RenderText {#text} at (-230,0) size 362x13
182       text run at (-230,0) width 361 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}"
183 layer at (13,153) size 130x13 scrollWidth 291
184   RenderBlock {DIV} at (3,3) size 131x13 [color=#A9A9A9]
185     RenderText {#text} at (0,0) size 291x13
186       text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
187 layer at (13,153) size 130x13
188   RenderBlock {DIV} at (3,3) size 131x13
189 layer at (165,153) size 130x13 scrollWidth 291
190   RenderBlock {DIV} at (11,3) size 131x13 [color=#A9A9A9]
191     RenderText {#text} at (0,0) size 291x13
192       text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
193 layer at (165,153) size 130x13
194   RenderBlock {DIV} at (0,0) size 131x13
195 layer at (329,153) size 130x13 scrollWidth 292
196   RenderBlock {DIV} at (3,3) size 131x13
197     RenderText {#text} at (0,0) size 291x13
198       text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
199 layer at (481,153) size 130x13 scrollWidth 292
200   RenderBlock {DIV} at (0,0) size 131x13
201     RenderText {#text} at (0,0) size 291x13
202       text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
203 layer at (644,153) size 130x13 scrollWidth 362
204   RenderBlock {DIV} at (0,0) size 131x13
205     RenderText {#text} at (0,0) size 361x13
206       text run at (0,0) width 361: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}"
207 layer at (13,176) size 130x13 scrollX 160 scrollWidth 291
208   RenderBlock {DIV} at (3,3) size 131x13 [color=#A9A9A9]
209     RenderText {#text} at (-160,0) size 292x13
210       text run at (-160,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
211 layer at (13,176) size 130x13
212   RenderBlock {DIV} at (3,3) size 131x13
213 layer at (165,176) size 130x13 scrollX 160 scrollWidth 291
214   RenderBlock {DIV} at (11,3) size 131x13 [color=#A9A9A9]
215     RenderText {#text} at (-160,0) size 292x13
216       text run at (-160,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
217 layer at (165,176) size 130x13
218   RenderBlock {DIV} at (0,0) size 131x13
219 layer at (329,176) size 130x13 scrollX 160 scrollWidth 291
220   RenderBlock {DIV} at (3,3) size 131x13
221     RenderText {#text} at (-160,0) size 292x13
222       text run at (-160,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
223 layer at (481,176) size 130x13 scrollX 160 scrollWidth 291
224   RenderBlock {DIV} at (0,0) size 131x13
225     RenderText {#text} at (-160,0) size 292x13
226       text run at (-160,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
227 layer at (644,176) size 130x13 scrollX 230 scrollWidth 361
228   RenderBlock {DIV} at (0,0) size 131x13
229     RenderText {#text} at (-230,0) size 362x13
230       text run at (-230,0) width 361 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}"
231 layer at (259,233) size 130x13 scrollWidth 291
232   RenderBlock {DIV} at (3,3) size 131x13 [color=#A9A9A9]
233     RenderText {#text} at (0,0) size 291x13
234       text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
235 layer at (259,233) size 130x13
236   RenderBlock {DIV} at (3,3) size 131x13
237 layer at (404,233) size 130x13 scrollWidth 292
238   RenderBlock {DIV} at (3,3) size 131x13
239     RenderText {#text} at (0,0) size 291x13
240       text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
241 layer at (283,256) size 130x13 scrollWidth 291
242   RenderBlock {DIV} at (3,3) size 131x13 [color=#A9A9A9]
243     RenderText {#text} at (0,0) size 291x13
244       text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
245 layer at (283,256) size 130x13
246   RenderBlock {DIV} at (3,3) size 131x13
247 layer at (427,256) size 130x13 scrollWidth 292
248   RenderBlock {DIV} at (3,3) size 131x13
249     RenderText {#text} at (0,0) size 291x13
250       text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"