1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x372
4 RenderBlock {HTML} at (0,0) size 800x372
5 RenderBody {BODY} at (8,16) size 784x340
6 RenderBlock {P} at (0,0) size 784x18
7 RenderText {#text} at (0,0) size 316x17
8 text run at (0,0) width 316: "This test is a basic check for using text-overflow."
9 RenderBlock {P} at (0,34) size 784x106
10 RenderText {#text} at (0,0) size 490x17
11 text run at (0,0) width 490: "Apply \"text-overflow:clip\" to inputs. The following input should be clipped:"
12 RenderBR {BR} at (489,0) size 1x17
13 RenderTextControl {INPUT} at (0,18) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
14 RenderText {#text} at (173,20) size 4x17
15 text run at (173,20) width 4: " "
16 RenderTextControl {INPUT} at (177,18) size 175x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
17 RenderFlexibleBox {DIV} at (3,3) size 169x16
18 RenderBlock {DIV} at (0,2.50) size 1x11
19 RenderBlock {DIV} at (1,0) size 155x16
20 RenderText {#text} at (352,20) size 4x17
21 text run at (352,20) width 4: " "
22 RenderTextControl {INPUT} at (356,18) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
23 RenderText {#text} at (529,20) size 4x17
24 text run at (529,20) width 4: " "
25 RenderTextControl {INPUT} at (533,18) size 175x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
26 RenderFlexibleBox {DIV} at (3,3) size 169x16
27 RenderBlock {DIV} at (0,2.50) size 1x11
28 RenderBlock {DIV} at (1,0) size 155x16
29 RenderText {#text} at (0,0) size 0x0
30 RenderTextControl {INPUT} at (0,40) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
31 RenderBR {BR} at (173,42) size 0x17
32 RenderTextControl {INPUT} at (0,62) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
33 RenderText {#text} at (173,64) size 4x17
34 text run at (173,64) width 4: " "
35 RenderTextControl {INPUT} at (177,62) size 175x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
36 RenderFlexibleBox {DIV} at (3,3) size 169x16
37 RenderBlock {DIV} at (0,2.50) size 1x11
38 RenderBlock {DIV} at (1,0) size 155x16
39 RenderText {#text} at (352,64) size 4x17
40 text run at (352,64) width 4: " "
41 RenderTextControl {INPUT} at (356,62) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
42 RenderText {#text} at (529,64) size 4x17
43 text run at (529,64) width 4: " "
44 RenderTextControl {INPUT} at (533,62) size 175x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
45 RenderFlexibleBox {DIV} at (3,3) size 169x16
46 RenderBlock {DIV} at (0,2.50) size 1x11
47 RenderBlock {DIV} at (1,0) size 155x16
48 RenderText {#text} at (0,0) size 0x0
49 RenderTextControl {INPUT} at (0,84) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
50 RenderText {#text} at (0,0) size 0x0
51 RenderBlock {P} at (0,156) size 784x106
52 RenderText {#text} at (0,0) size 547x17
53 text run at (0,0) width 547: "Apply \"text-overflow:ellipsis\" to inputs. The following input should show an ellipsis:"
54 RenderBR {BR} at (546,0) size 1x17
55 RenderTextControl {INPUT} at (0,18) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
56 RenderText {#text} at (173,20) size 4x17
57 text run at (173,20) width 4: " "
58 RenderTextControl {INPUT} at (177,18) size 175x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
59 RenderFlexibleBox {DIV} at (3,3) size 169x16
60 RenderBlock {DIV} at (0,2.50) size 1x11
61 RenderBlock {DIV} at (1,0) size 155x16
62 RenderText {#text} at (352,20) size 4x17
63 text run at (352,20) width 4: " "
64 RenderTextControl {INPUT} at (356,18) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
65 RenderText {#text} at (529,20) size 4x17
66 text run at (529,20) width 4: " "
67 RenderTextControl {INPUT} at (533,18) size 175x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
68 RenderFlexibleBox {DIV} at (3,3) size 169x16
69 RenderBlock {DIV} at (0,2.50) size 1x11
70 RenderBlock {DIV} at (1,0) size 155x16
71 RenderText {#text} at (0,0) size 0x0
72 RenderTextControl {INPUT} at (0,40) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
73 RenderBR {BR} at (173,42) size 0x17
74 RenderTextControl {INPUT} at (0,62) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
75 RenderText {#text} at (173,64) size 4x17
76 text run at (173,64) width 4: " "
77 RenderTextControl {INPUT} at (177,62) size 175x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
78 RenderFlexibleBox {DIV} at (3,3) size 169x16
79 RenderBlock {DIV} at (0,2.50) size 1x11
80 RenderBlock {DIV} at (1,0) size 155x16
81 RenderText {#text} at (352,64) size 4x17
82 text run at (352,64) width 4: " "
83 RenderTextControl {INPUT} at (356,62) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
84 RenderText {#text} at (529,64) size 4x17
85 text run at (529,64) width 4: " "
86 RenderTextControl {INPUT} at (533,62) size 175x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
87 RenderFlexibleBox {DIV} at (3,3) size 169x16
88 RenderBlock {DIV} at (0,2.50) size 1x11
89 RenderBlock {DIV} at (1,0) size 155x16
90 RenderText {#text} at (0,0) size 0x0
91 RenderTextControl {INPUT} at (0,84) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
92 RenderText {#text} at (0,0) size 0x0
93 RenderBlock {P} at (0,278) size 784x62
94 RenderText {#text} at (0,0) size 238x17
95 text run at (0,0) width 238: "Dynamic style change text-overflow:"
96 RenderBR {BR} at (237,0) size 1x17
97 RenderText {#text} at (0,20) size 247x17
98 text run at (0,20) width 247: "Clip to ellipsis (should show ellipsis): "
99 RenderTextControl {INPUT} at (246.23,18) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
100 RenderText {#text} at (419,20) size 5x17
101 text run at (419,20) width 5: " "
102 RenderTextControl {INPUT} at (423.23,18) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
103 RenderText {#text} at (596,20) size 5x17
104 text run at (596,20) width 5: " "
105 RenderBR {BR} at (0,0) size 0x0
106 RenderText {#text} at (0,42) size 270x17
107 text run at (0,42) width 270: "Ellipsis to clip (should not show ellipsis): "
108 RenderTextControl {INPUT} at (269.78,40) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
109 RenderText {#text} at (442,42) size 5x17
110 text run at (442,42) width 5: " "
111 RenderTextControl {INPUT} at (446.78,40) size 173x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
112 RenderText {#text} at (619,42) size 5x17
113 text run at (619,42) width 5: " "
114 RenderBR {BR} at (0,0) size 0x0
115 layer at (10,71) size 169x16 scrollWidth 317
116 RenderBlock {DIV} at (2,3) size 169x16 [color=#A9A9A9]
117 RenderText {#text} at (0,0) size 317x16
118 text run at (0,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
119 layer at (10,71) size 169x16
120 RenderBlock {DIV} at (2,3) size 169x16
121 layer at (189,71) size 155x16 scrollWidth 317
122 RenderBlock {DIV} at (4,3) size 155x16 [color=#A9A9A9]
123 RenderText {#text} at (0,0) size 317x16
124 text run at (0,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
125 layer at (189,71) size 155x16
126 RenderBlock {DIV} at (0,0) size 155x16
127 layer at (366,71) size 169x16 scrollWidth 318
128 RenderBlock {DIV} at (2,3) size 169x16
129 RenderText {#text} at (0,0) size 317x16
130 text run at (0,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
131 layer at (545,71) size 155x16 scrollWidth 318
132 RenderBlock {DIV} at (0,0) size 155x16
133 RenderText {#text} at (0,0) size 317x16
134 text run at (0,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
135 layer at (10,93) size 169x16 scrollWidth 276
136 RenderBlock {DIV} at (2,3) size 169x16
137 RenderText {#text} at (0,0) size 275x16
138 text run at (0,0) width 275: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}"
139 layer at (10,115) size 169x16 scrollX 148 scrollWidth 317
140 RenderBlock {DIV} at (2,3) size 169x16 [color=#A9A9A9]
141 RenderText {#text} at (-148,0) size 317x16
142 text run at (-148,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
143 layer at (10,115) size 169x16
144 RenderBlock {DIV} at (2,3) size 169x16
145 layer at (189,115) size 155x16 scrollX 162 scrollWidth 317
146 RenderBlock {DIV} at (4,3) size 155x16 [color=#A9A9A9]
147 RenderText {#text} at (-162,0) size 317x16
148 text run at (-162,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
149 layer at (189,115) size 155x16
150 RenderBlock {DIV} at (0,0) size 155x16
151 layer at (366,115) size 169x16 scrollX 148 scrollWidth 317
152 RenderBlock {DIV} at (2,3) size 169x16
153 RenderText {#text} at (-148,0) size 317x16
154 text run at (-148,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
155 layer at (545,115) size 155x16 scrollX 162 scrollWidth 317
156 RenderBlock {DIV} at (0,0) size 155x16
157 RenderText {#text} at (-162,0) size 317x16
158 text run at (-162,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
159 layer at (10,137) size 169x16 scrollX 106 scrollWidth 275
160 RenderBlock {DIV} at (2,3) size 169x16
161 RenderText {#text} at (-106,0) size 275x16
162 text run at (-106,0) width 275 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}"
163 layer at (10,193) size 169x16 scrollWidth 317
164 RenderBlock {DIV} at (2,3) size 169x16 [color=#A9A9A9]
165 RenderText {#text} at (0,0) size 317x16
166 text run at (0,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
167 layer at (10,193) size 169x16
168 RenderBlock {DIV} at (2,3) size 169x16
169 layer at (189,193) size 155x16 scrollWidth 317
170 RenderBlock {DIV} at (4,3) size 155x16 [color=#A9A9A9]
171 RenderText {#text} at (0,0) size 317x16
172 text run at (0,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
173 layer at (189,193) size 155x16
174 RenderBlock {DIV} at (0,0) size 155x16
175 layer at (366,193) size 169x16 scrollWidth 318
176 RenderBlock {DIV} at (2,3) size 169x16
177 RenderText {#text} at (0,0) size 317x16
178 text run at (0,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
179 layer at (545,193) size 155x16 scrollWidth 318
180 RenderBlock {DIV} at (0,0) size 155x16
181 RenderText {#text} at (0,0) size 317x16
182 text run at (0,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
183 layer at (10,215) size 169x16 scrollWidth 276
184 RenderBlock {DIV} at (2,3) size 169x16
185 RenderText {#text} at (0,0) size 275x16
186 text run at (0,0) width 275: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}"
187 layer at (10,237) size 169x16 scrollX 148 scrollWidth 317
188 RenderBlock {DIV} at (2,3) size 169x16 [color=#A9A9A9]
189 RenderText {#text} at (-148,0) size 317x16
190 text run at (-148,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
191 layer at (10,237) size 169x16
192 RenderBlock {DIV} at (2,3) size 169x16
193 layer at (189,237) size 155x16 scrollX 162 scrollWidth 317
194 RenderBlock {DIV} at (4,3) size 155x16 [color=#A9A9A9]
195 RenderText {#text} at (-162,0) size 317x16
196 text run at (-162,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
197 layer at (189,237) size 155x16
198 RenderBlock {DIV} at (0,0) size 155x16
199 layer at (366,237) size 169x16 scrollX 148 scrollWidth 317
200 RenderBlock {DIV} at (2,3) size 169x16
201 RenderText {#text} at (-148,0) size 317x16
202 text run at (-148,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
203 layer at (545,237) size 155x16 scrollX 162 scrollWidth 317
204 RenderBlock {DIV} at (0,0) size 155x16
205 RenderText {#text} at (-162,0) size 317x16
206 text run at (-162,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
207 layer at (10,259) size 169x16 scrollX 106 scrollWidth 275
208 RenderBlock {DIV} at (2,3) size 169x16
209 RenderText {#text} at (-106,0) size 275x16
210 text run at (-106,0) width 275 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}"
211 layer at (256,315) size 169x16 scrollWidth 317
212 RenderBlock {DIV} at (2,3) size 169x16 [color=#A9A9A9]
213 RenderText {#text} at (0,0) size 317x16
214 text run at (0,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
215 layer at (256,315) size 169x16
216 RenderBlock {DIV} at (2,3) size 169x16
217 layer at (433,315) size 169x16 scrollWidth 318
218 RenderBlock {DIV} at (2,3) size 169x16
219 RenderText {#text} at (0,0) size 317x16
220 text run at (0,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
221 layer at (280,337) size 169x16 scrollWidth 317
222 RenderBlock {DIV} at (2,3) size 169x16 [color=#A9A9A9]
223 RenderText {#text} at (0,0) size 317x16
224 text run at (0,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
225 layer at (280,337) size 169x16
226 RenderBlock {DIV} at (2,3) size 169x16
227 layer at (457,337) size 169x16 scrollWidth 318
228 RenderBlock {DIV} at (2,3) size 169x16
229 RenderText {#text} at (0,0) size 317x16
230 text run at (0,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
231 layer at (345,75) size 9x9 transparent
232 RenderBlock {DIV} at (157,3.50) size 9x9
233 layer at (701,75) size 9x9 transparent
234 RenderBlock {DIV} at (157,3.50) size 9x9
235 layer at (345,119) size 9x9 transparent
236 RenderBlock {DIV} at (157,3.50) size 9x9
237 layer at (701,119) size 9x9 transparent
238 RenderBlock {DIV} at (157,3.50) size 9x9
239 layer at (345,197) size 9x9 transparent
240 RenderBlock {DIV} at (157,3.50) size 9x9
241 layer at (701,197) size 9x9 transparent
242 RenderBlock {DIV} at (157,3.50) size 9x9
243 layer at (345,241) size 9x9 transparent
244 RenderBlock {DIV} at (157,3.50) size 9x9
245 layer at (701,241) size 9x9 transparent
246 RenderBlock {DIV} at (157,3.50) size 9x9