1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x380
4 LayoutBlockFlow {HTML} at (0,0) size 800x380
5 LayoutBlockFlow {BODY} at (8,16) size 784x348
6 LayoutBlockFlow {P} at (0,0) size 784x20
7 LayoutText {#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 LayoutBlockFlow {P} at (0,36) size 784x108
10 LayoutText {#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 LayoutBR {BR} at (446,0) size 0x19
13 LayoutTextControl {INPUT} at (0,20) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
14 LayoutText {#text} at (153,21) size 4x19
15 text run at (153,21) width 4: " "
16 LayoutTextControl {INPUT} at (157,20) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
17 LayoutFlexibleBox {DIV} at (3,3) size 149x16
18 LayoutBlockFlow {DIV} at (0,2.50) size 1x11
19 LayoutBlockFlow {DIV} at (1,0) size 135x16
20 LayoutText {#text} at (312,21) size 4x19
21 text run at (312,21) width 4: " "
22 LayoutTextControl {INPUT} at (316,20) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
23 LayoutText {#text} at (469,21) size 4x19
24 text run at (469,21) width 4: " "
25 LayoutTextControl {INPUT} at (473,20) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
26 LayoutFlexibleBox {DIV} at (3,3) size 149x16
27 LayoutBlockFlow {DIV} at (0,2.50) size 1x11
28 LayoutBlockFlow {DIV} at (1,0) size 135x16
29 LayoutText {#text} at (0,0) size 0x0
30 LayoutTextControl {INPUT} at (0,42) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
31 LayoutBR {BR} at (153,43) size 0x19
32 LayoutTextControl {INPUT} at (0,64) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
33 LayoutText {#text} at (153,65) size 4x19
34 text run at (153,65) width 4: " "
35 LayoutTextControl {INPUT} at (157,64) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
36 LayoutFlexibleBox {DIV} at (3,3) size 149x16
37 LayoutBlockFlow {DIV} at (0,2.50) size 1x11
38 LayoutBlockFlow {DIV} at (1,0) size 135x16
39 LayoutText {#text} at (312,65) size 4x19
40 text run at (312,65) width 4: " "
41 LayoutTextControl {INPUT} at (316,64) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
42 LayoutText {#text} at (469,65) size 4x19
43 text run at (469,65) width 4: " "
44 LayoutTextControl {INPUT} at (473,64) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
45 LayoutFlexibleBox {DIV} at (3,3) size 149x16
46 LayoutBlockFlow {DIV} at (0,2.50) size 1x11
47 LayoutBlockFlow {DIV} at (1,0) size 135x16
48 LayoutText {#text} at (0,0) size 0x0
49 LayoutTextControl {INPUT} at (0,86) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
50 LayoutText {#text} at (0,0) size 0x0
51 LayoutBlockFlow {P} at (0,160) size 784x108
52 LayoutText {#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 LayoutBR {BR} at (494,0) size 0x19
55 LayoutTextControl {INPUT} at (0,20) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
56 LayoutText {#text} at (153,21) size 4x19
57 text run at (153,21) width 4: " "
58 LayoutTextControl {INPUT} at (157,20) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
59 LayoutFlexibleBox {DIV} at (3,3) size 149x16
60 LayoutBlockFlow {DIV} at (0,2.50) size 1x11
61 LayoutBlockFlow {DIV} at (1,0) size 135x16
62 LayoutText {#text} at (312,21) size 4x19
63 text run at (312,21) width 4: " "
64 LayoutTextControl {INPUT} at (316,20) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
65 LayoutText {#text} at (469,21) size 4x19
66 text run at (469,21) width 4: " "
67 LayoutTextControl {INPUT} at (473,20) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
68 LayoutFlexibleBox {DIV} at (3,3) size 149x16
69 LayoutBlockFlow {DIV} at (0,2.50) size 1x11
70 LayoutBlockFlow {DIV} at (1,0) size 135x16
71 LayoutText {#text} at (0,0) size 0x0
72 LayoutTextControl {INPUT} at (0,42) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
73 LayoutBR {BR} at (153,43) size 0x19
74 LayoutTextControl {INPUT} at (0,64) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
75 LayoutText {#text} at (153,65) size 4x19
76 text run at (153,65) width 4: " "
77 LayoutTextControl {INPUT} at (157,64) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
78 LayoutFlexibleBox {DIV} at (3,3) size 149x16
79 LayoutBlockFlow {DIV} at (0,2.50) size 1x11
80 LayoutBlockFlow {DIV} at (1,0) size 135x16
81 LayoutText {#text} at (312,65) size 4x19
82 text run at (312,65) width 4: " "
83 LayoutTextControl {INPUT} at (316,64) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
84 LayoutText {#text} at (469,65) size 4x19
85 text run at (469,65) width 4: " "
86 LayoutTextControl {INPUT} at (473,64) size 155x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
87 LayoutFlexibleBox {DIV} at (3,3) size 149x16
88 LayoutBlockFlow {DIV} at (0,2.50) size 1x11
89 LayoutBlockFlow {DIV} at (1,0) size 135x16
90 LayoutText {#text} at (0,0) size 0x0
91 LayoutTextControl {INPUT} at (0,86) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
92 LayoutText {#text} at (0,0) size 0x0
93 LayoutBlockFlow {P} at (0,284) size 784x64
94 LayoutText {#text} at (0,0) size 218x19
95 text run at (0,0) width 218: "Dynamic style change text-overflow:"
96 LayoutBR {BR} at (218,0) size 0x19
97 LayoutText {#text} at (0,21) size 223x19
98 text run at (0,21) width 223: "Clip to ellipsis (should show ellipsis): "
99 LayoutTextControl {INPUT} at (223,20) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
100 LayoutText {#text} at (376,21) size 4x19
101 text run at (376,21) width 4: " "
102 LayoutTextControl {INPUT} at (380,20) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
103 LayoutText {#text} at (533,21) size 4x19
104 text run at (533,21) width 4: " "
105 LayoutBR {BR} at (0,0) size 0x0
106 LayoutText {#text} at (0,43) size 244x19
107 text run at (0,43) width 244: "Ellipsis to clip (should not show ellipsis): "
108 LayoutTextControl {INPUT} at (244,42) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
109 LayoutText {#text} at (397,43) size 4x19
110 text run at (397,43) width 4: " "
111 LayoutTextControl {INPUT} at (401,42) size 153x22 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
112 LayoutText {#text} at (554,43) size 4x19
113 text run at (554,43) width 4: " "
114 LayoutBR {BR} at (0,0) size 0x0
115 layer at (10,75) size 149x16 scrollWidth 317
116 LayoutBlockFlow {DIV} at (2,3) size 149x16 [color=#A9A9A9]
117 LayoutText {#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 LayoutBlockFlow {DIV} at (2,3) size 149x16
121 layer at (169,75) size 135x16 scrollWidth 317
122 LayoutBlockFlow {DIV} at (4,3) size 135x16 [color=#A9A9A9]
123 LayoutText {#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 LayoutBlockFlow {DIV} at (0,0) size 135x16
127 layer at (326,75) size 149x16 scrollWidth 317
128 LayoutBlockFlow {DIV} at (2,3) size 149x16
129 LayoutText {#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 317
132 LayoutBlockFlow {DIV} at (0,0) size 135x16
133 LayoutText {#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 275
136 LayoutBlockFlow {DIV} at (2,3) size 149x16
137 LayoutText {#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.00 scrollWidth 317
140 LayoutBlockFlow {DIV} at (2,3) size 149x16 [color=#A9A9A9]
141 LayoutText {#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 LayoutBlockFlow {DIV} at (2,3) size 149x16
145 layer at (169,119) size 135x16 scrollX 182.00 scrollWidth 317
146 LayoutBlockFlow {DIV} at (4,3) size 135x16 [color=#A9A9A9]
147 LayoutText {#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 LayoutBlockFlow {DIV} at (0,0) size 135x16
151 layer at (326,119) size 149x16 scrollX 168.00 scrollWidth 317
152 LayoutBlockFlow {DIV} at (2,3) size 149x16
153 LayoutText {#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.00 scrollWidth 317
156 LayoutBlockFlow {DIV} at (0,0) size 135x16
157 LayoutText {#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.00 scrollWidth 275
160 LayoutBlockFlow {DIV} at (2,3) size 149x16
161 LayoutText {#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 LayoutBlockFlow {DIV} at (2,3) size 149x16 [color=#A9A9A9]
165 LayoutText {#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 LayoutBlockFlow {DIV} at (2,3) size 149x16
169 layer at (169,199) size 135x16 scrollWidth 317
170 LayoutBlockFlow {DIV} at (4,3) size 135x16 [color=#A9A9A9]
171 LayoutText {#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 LayoutBlockFlow {DIV} at (0,0) size 135x16
175 layer at (326,199) size 149x16 scrollWidth 317
176 LayoutBlockFlow {DIV} at (2,3) size 149x16
177 LayoutText {#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 317
180 LayoutBlockFlow {DIV} at (0,0) size 135x16
181 LayoutText {#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 275
184 LayoutBlockFlow {DIV} at (2,3) size 149x16
185 LayoutText {#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.00 scrollWidth 317
188 LayoutBlockFlow {DIV} at (2,3) size 149x16 [color=#A9A9A9]
189 LayoutText {#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 LayoutBlockFlow {DIV} at (2,3) size 149x16
193 layer at (169,243) size 135x16 scrollX 182.00 scrollWidth 317
194 LayoutBlockFlow {DIV} at (4,3) size 135x16 [color=#A9A9A9]
195 LayoutText {#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 LayoutBlockFlow {DIV} at (0,0) size 135x16
199 layer at (326,243) size 149x16 scrollX 168.00 scrollWidth 317
200 LayoutBlockFlow {DIV} at (2,3) size 149x16
201 LayoutText {#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.00 scrollWidth 317
204 LayoutBlockFlow {DIV} at (0,0) size 135x16
205 LayoutText {#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.00 scrollWidth 275
208 LayoutBlockFlow {DIV} at (2,3) size 149x16
209 LayoutText {#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 LayoutBlockFlow {DIV} at (2,3) size 149x16 [color=#A9A9A9]
213 LayoutText {#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 LayoutBlockFlow {DIV} at (2,3) size 149x16
217 layer at (390,323) size 149x16 scrollWidth 317
218 LayoutBlockFlow {DIV} at (2,3) size 149x16
219 LayoutText {#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 LayoutBlockFlow {DIV} at (2,3) size 149x16 [color=#A9A9A9]
223 LayoutText {#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 LayoutBlockFlow {DIV} at (2,3) size 149x16
227 layer at (411,345) size 149x16 scrollWidth 317
228 LayoutBlockFlow {DIV} at (2,3) size 149x16
229 LayoutText {#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 LayoutBlockFlow {DIV} at (137,3.50) size 9x9
233 layer at (621,79) size 9x9 transparent
234 LayoutBlockFlow {DIV} at (137,3.50) size 9x9
235 layer at (305,123) size 9x9 transparent
236 LayoutBlockFlow {DIV} at (137,3.50) size 9x9
237 layer at (621,123) size 9x9 transparent
238 LayoutBlockFlow {DIV} at (137,3.50) size 9x9
239 layer at (305,203) size 9x9 transparent
240 LayoutBlockFlow {DIV} at (137,3.50) size 9x9
241 layer at (621,203) size 9x9 transparent
242 LayoutBlockFlow {DIV} at (137,3.50) size 9x9
243 layer at (305,247) size 9x9 transparent
244 LayoutBlockFlow {DIV} at (137,3.50) size 9x9
245 layer at (621,247) size 9x9 transparent
246 LayoutBlockFlow {DIV} at (137,3.50) size 9x9