1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x380
4 RenderBlock {HTML} at (0,0) size 800x380
5 RenderBody {BODY} at (8,16) size 784x348
6 RenderBlock {P} at (0,0) size 784x20
7 RenderText {#text} at (0,0) size 293x19
8 text run at (0,0) width 293: "This test is a basic check for using text-overflow."
9 RenderBlock {P} at (0,36) size 784x108
10 RenderText {#text} at (0,0) size 446x19
11 text run at (0,0) width 446: "Apply \"text-overflow:clip\" to inputs. The following input should be clipped:"
12 RenderBR {BR} at (446,0) size 0x19
13 RenderTextControl {INPUT} at (0,20) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
14 RenderText {#text} at (153,21) size 4x19
15 text run at (153,21) width 4: " "
16 RenderTextControl {INPUT} at (157,20) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
17 RenderFlexibleBox {DIV} at (3,3) size 149x16
18 RenderBlock {DIV} at (0,2.50) size 1x11
19 RenderBlock {DIV} at (1,0) size 135x16
20 RenderText {#text} at (312,21) size 4x19
21 text run at (312,21) width 4: " "
22 RenderTextControl {INPUT} at (316,20) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
23 RenderText {#text} at (469,21) size 4x19
24 text run at (469,21) width 4: " "
25 RenderTextControl {INPUT} at (473,20) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
26 RenderFlexibleBox {DIV} at (3,3) size 149x16
27 RenderBlock {DIV} at (0,2.50) size 1x11
28 RenderBlock {DIV} at (1,0) size 135x16
29 RenderText {#text} at (0,0) size 0x0
30 RenderTextControl {INPUT} at (0,42) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
31 RenderBR {BR} at (153,43) size 0x19
32 RenderTextControl {INPUT} at (0,64) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
33 RenderText {#text} at (153,65) size 4x19
34 text run at (153,65) width 4: " "
35 RenderTextControl {INPUT} at (157,64) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
36 RenderFlexibleBox {DIV} at (3,3) size 149x16
37 RenderBlock {DIV} at (0,2.50) size 1x11
38 RenderBlock {DIV} at (1,0) size 135x16
39 RenderText {#text} at (312,65) size 4x19
40 text run at (312,65) width 4: " "
41 RenderTextControl {INPUT} at (316,64) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
42 RenderText {#text} at (469,65) size 4x19
43 text run at (469,65) width 4: " "
44 RenderTextControl {INPUT} at (473,64) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
45 RenderFlexibleBox {DIV} at (3,3) size 149x16
46 RenderBlock {DIV} at (0,2.50) size 1x11
47 RenderBlock {DIV} at (1,0) size 135x16
48 RenderText {#text} at (0,0) size 0x0
49 RenderTextControl {INPUT} at (0,86) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
50 RenderText {#text} at (0,0) size 0x0
51 RenderBlock {P} at (0,160) size 784x108
52 RenderText {#text} at (0,0) size 494x19
53 text run at (0,0) width 494: "Apply \"text-overflow:ellipsis\" to inputs. The following input should show an ellipsis:"
54 RenderBR {BR} at (494,0) size 0x19
55 RenderTextControl {INPUT} at (0,20) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
56 RenderText {#text} at (153,21) size 4x19
57 text run at (153,21) width 4: " "
58 RenderTextControl {INPUT} at (157,20) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
59 RenderFlexibleBox {DIV} at (3,3) size 149x16
60 RenderBlock {DIV} at (0,2.50) size 1x11
61 RenderBlock {DIV} at (1,0) size 135x16
62 RenderText {#text} at (312,21) size 4x19
63 text run at (312,21) width 4: " "
64 RenderTextControl {INPUT} at (316,20) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
65 RenderText {#text} at (469,21) size 4x19
66 text run at (469,21) width 4: " "
67 RenderTextControl {INPUT} at (473,20) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
68 RenderFlexibleBox {DIV} at (3,3) size 149x16
69 RenderBlock {DIV} at (0,2.50) size 1x11
70 RenderBlock {DIV} at (1,0) size 135x16
71 RenderText {#text} at (0,0) size 0x0
72 RenderTextControl {INPUT} at (0,42) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
73 RenderBR {BR} at (153,43) size 0x19
74 RenderTextControl {INPUT} at (0,64) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
75 RenderText {#text} at (153,65) size 4x19
76 text run at (153,65) width 4: " "
77 RenderTextControl {INPUT} at (157,64) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
78 RenderFlexibleBox {DIV} at (3,3) size 149x16
79 RenderBlock {DIV} at (0,2.50) size 1x11
80 RenderBlock {DIV} at (1,0) size 135x16
81 RenderText {#text} at (312,65) size 4x19
82 text run at (312,65) width 4: " "
83 RenderTextControl {INPUT} at (316,64) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
84 RenderText {#text} at (469,65) size 4x19
85 text run at (469,65) width 4: " "
86 RenderTextControl {INPUT} at (473,64) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
87 RenderFlexibleBox {DIV} at (3,3) size 149x16
88 RenderBlock {DIV} at (0,2.50) size 1x11
89 RenderBlock {DIV} at (1,0) size 135x16
90 RenderText {#text} at (0,0) size 0x0
91 RenderTextControl {INPUT} at (0,86) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
92 RenderText {#text} at (0,0) size 0x0
93 RenderBlock {P} at (0,284) size 784x64
94 RenderText {#text} at (0,0) size 218x19
95 text run at (0,0) width 218: "Dynamic style change text-overflow:"
96 RenderBR {BR} at (218,0) size 0x19
97 RenderText {#text} at (0,21) size 223x19
98 text run at (0,21) width 223: "Clip to ellipsis (should show ellipsis): "
99 RenderTextControl {INPUT} at (223,20) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
100 RenderText {#text} at (376,21) size 4x19
101 text run at (376,21) width 4: " "
102 RenderTextControl {INPUT} at (380,20) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
103 RenderText {#text} at (533,21) size 4x19
104 text run at (533,21) width 4: " "
105 RenderBR {BR} at (0,0) size 0x0
106 RenderText {#text} at (0,43) size 244x19
107 text run at (0,43) width 244: "Ellipsis to clip (should not show ellipsis): "
108 RenderTextControl {INPUT} at (244,42) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
109 RenderText {#text} at (397,43) size 4x19
110 text run at (397,43) width 4: " "
111 RenderTextControl {INPUT} at (401,42) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
112 RenderText {#text} at (554,43) size 4x19
113 text run at (554,43) width 4: " "
114 RenderBR {BR} at (0,0) size 0x0
115 layer at (10,75) size 149x16 scrollWidth 317
116 RenderBlock {DIV} at (2,3) size 149x16 [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,75) size 149x16
120 RenderBlock {DIV} at (2,3) size 149x16
121 layer at (169,75) size 135x16 scrollWidth 317
122 RenderBlock {DIV} at (4,3) size 135x16 [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 (169,75) size 135x16
126 RenderBlock {DIV} at (0,0) size 135x16
127 layer at (326,75) size 149x16 scrollWidth 318
128 RenderBlock {DIV} at (2,3) size 149x16
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 (485,75) size 135x16 scrollWidth 318
132 RenderBlock {DIV} at (0,0) size 135x16
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,97) size 149x16 scrollWidth 276
136 RenderBlock {DIV} at (2,3) size 149x16
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,119) size 149x16 scrollX 168 scrollWidth 317
140 RenderBlock {DIV} at (2,3) size 149x16 [color=#A9A9A9]
141 RenderText {#text} at (-168,0) size 317x16
142 text run at (-168,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
143 layer at (10,119) size 149x16
144 RenderBlock {DIV} at (2,3) size 149x16
145 layer at (169,119) size 135x16 scrollX 182 scrollWidth 317
146 RenderBlock {DIV} at (4,3) size 135x16 [color=#A9A9A9]
147 RenderText {#text} at (-182,0) size 317x16
148 text run at (-182,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
149 layer at (169,119) size 135x16
150 RenderBlock {DIV} at (0,0) size 135x16
151 layer at (326,119) size 149x16 scrollX 168 scrollWidth 317
152 RenderBlock {DIV} at (2,3) size 149x16
153 RenderText {#text} at (-168,0) size 317x16
154 text run at (-168,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
155 layer at (485,119) size 135x16 scrollX 182 scrollWidth 317
156 RenderBlock {DIV} at (0,0) size 135x16
157 RenderText {#text} at (-182,0) size 317x16
158 text run at (-182,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
159 layer at (10,141) size 149x16 scrollX 126 scrollWidth 275
160 RenderBlock {DIV} at (2,3) size 149x16
161 RenderText {#text} at (-126,0) size 275x16
162 text run at (-126,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,199) size 149x16 scrollWidth 317
164 RenderBlock {DIV} at (2,3) size 149x16 [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,199) size 149x16
168 RenderBlock {DIV} at (2,3) size 149x16
169 layer at (169,199) size 135x16 scrollWidth 317
170 RenderBlock {DIV} at (4,3) size 135x16 [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 (169,199) size 135x16
174 RenderBlock {DIV} at (0,0) size 135x16
175 layer at (326,199) size 149x16 scrollWidth 318
176 RenderBlock {DIV} at (2,3) size 149x16
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 (485,199) size 135x16 scrollWidth 318
180 RenderBlock {DIV} at (0,0) size 135x16
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,221) size 149x16 scrollWidth 276
184 RenderBlock {DIV} at (2,3) size 149x16
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,243) size 149x16 scrollX 168 scrollWidth 317
188 RenderBlock {DIV} at (2,3) size 149x16 [color=#A9A9A9]
189 RenderText {#text} at (-168,0) size 317x16
190 text run at (-168,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
191 layer at (10,243) size 149x16
192 RenderBlock {DIV} at (2,3) size 149x16
193 layer at (169,243) size 135x16 scrollX 182 scrollWidth 317
194 RenderBlock {DIV} at (4,3) size 135x16 [color=#A9A9A9]
195 RenderText {#text} at (-182,0) size 317x16
196 text run at (-182,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
197 layer at (169,243) size 135x16
198 RenderBlock {DIV} at (0,0) size 135x16
199 layer at (326,243) size 149x16 scrollX 168 scrollWidth 317
200 RenderBlock {DIV} at (2,3) size 149x16
201 RenderText {#text} at (-168,0) size 317x16
202 text run at (-168,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
203 layer at (485,243) size 135x16 scrollX 182 scrollWidth 317
204 RenderBlock {DIV} at (0,0) size 135x16
205 RenderText {#text} at (-182,0) size 317x16
206 text run at (-182,0) width 317: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
207 layer at (10,265) size 149x16 scrollX 126 scrollWidth 275
208 RenderBlock {DIV} at (2,3) size 149x16
209 RenderText {#text} at (-126,0) size 275x16
210 text run at (-126,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 (233,323) size 149x16 scrollWidth 317
212 RenderBlock {DIV} at (2,3) size 149x16 [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 (233,323) size 149x16
216 RenderBlock {DIV} at (2,3) size 149x16
217 layer at (390,323) size 149x16 scrollWidth 318
218 RenderBlock {DIV} at (2,3) size 149x16
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 (254,345) size 149x16 scrollWidth 317
222 RenderBlock {DIV} at (2,3) size 149x16 [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 (254,345) size 149x16
226 RenderBlock {DIV} at (2,3) size 149x16
227 layer at (411,345) size 149x16 scrollWidth 318
228 RenderBlock {DIV} at (2,3) size 149x16
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 (305,79) size 9x9 transparent
232 RenderBlock {DIV} at (137,3.50) size 9x9
233 layer at (621,79) size 9x9 transparent
234 RenderBlock {DIV} at (137,3.50) size 9x9
235 layer at (305,123) size 9x9 transparent
236 RenderBlock {DIV} at (137,3.50) size 9x9
237 layer at (621,123) size 9x9 transparent
238 RenderBlock {DIV} at (137,3.50) size 9x9
239 layer at (305,203) size 9x9 transparent
240 RenderBlock {DIV} at (137,3.50) size 9x9
241 layer at (621,203) size 9x9 transparent
242 RenderBlock {DIV} at (137,3.50) size 9x9
243 layer at (305,247) size 9x9 transparent
244 RenderBlock {DIV} at (137,3.50) size 9x9
245 layer at (621,247) size 9x9 transparent
246 RenderBlock {DIV} at (137,3.50) size 9x9