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