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 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
14 LayoutText {#text} at (131,18) size 4x18
15 text run at (131,18) width 4: " "
16 LayoutTextControl {INPUT} at (135,18) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
17 LayoutFlexibleBox {DIV} at (4,3) size 125x13
18 LayoutBlockFlow {DIV} at (0,6.50) size 5x0
19 LayoutBlockFlow {DIV} at (5,0) size 108x13
20 LayoutText {#text} at (268,18) size 4x18
21 text run at (268,18) width 4: " "
22 LayoutTextControl {INPUT} at (272,18) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
23 LayoutText {#text} at (403,18) size 4x18
24 text run at (403,18) width 4: " "
25 LayoutTextControl {INPUT} at (407,18) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
26 LayoutFlexibleBox {DIV} at (4,3) size 125x13
27 LayoutBlockFlow {DIV} at (0,6.50) size 5x0
28 LayoutBlockFlow {DIV} at (5,0) size 108x13
29 LayoutText {#text} at (540,18) size 4x18
30 text run at (540,18) width 4: " "
31 LayoutTextControl {INPUT} at (544,18) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
32 LayoutBR {BR} at (675,18) size 0x18
33 LayoutTextControl {INPUT} at (0,37) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
34 LayoutText {#text} at (131,37) size 4x18
35 text run at (131,37) width 4: " "
36 LayoutTextControl {INPUT} at (135,37) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
37 LayoutFlexibleBox {DIV} at (4,3) size 125x13
38 LayoutBlockFlow {DIV} at (0,6.50) size 5x0
39 LayoutBlockFlow {DIV} at (5,0) size 108x13
40 LayoutText {#text} at (268,37) size 4x18
41 text run at (268,37) width 4: " "
42 LayoutTextControl {INPUT} at (272,37) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
43 LayoutText {#text} at (403,37) size 4x18
44 text run at (403,37) width 4: " "
45 LayoutTextControl {INPUT} at (407,37) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
46 LayoutFlexibleBox {DIV} at (4,3) size 125x13
47 LayoutBlockFlow {DIV} at (0,6.50) size 5x0
48 LayoutBlockFlow {DIV} at (5,0) size 108x13
49 LayoutText {#text} at (540,37) size 4x18
50 text run at (540,37) width 4: " "
51 LayoutTextControl {INPUT} at (544,37) size 131x19 [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 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
58 LayoutText {#text} at (131,18) size 4x18
59 text run at (131,18) width 4: " "
60 LayoutTextControl {INPUT} at (135,18) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
61 LayoutFlexibleBox {DIV} at (4,3) size 125x13
62 LayoutBlockFlow {DIV} at (0,6.50) size 5x0
63 LayoutBlockFlow {DIV} at (5,0) size 108x13
64 LayoutText {#text} at (268,18) size 4x18
65 text run at (268,18) width 4: " "
66 LayoutTextControl {INPUT} at (272,18) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
67 LayoutText {#text} at (403,18) size 4x18
68 text run at (403,18) width 4: " "
69 LayoutTextControl {INPUT} at (407,18) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
70 LayoutFlexibleBox {DIV} at (4,3) size 125x13
71 LayoutBlockFlow {DIV} at (0,6.50) size 5x0
72 LayoutBlockFlow {DIV} at (5,0) size 108x13
73 LayoutText {#text} at (540,18) size 4x18
74 text run at (540,18) width 4: " "
75 LayoutTextControl {INPUT} at (544,18) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
76 LayoutBR {BR} at (675,18) size 0x18
77 LayoutTextControl {INPUT} at (0,37) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
78 LayoutText {#text} at (131,37) size 4x18
79 text run at (131,37) width 4: " "
80 LayoutTextControl {INPUT} at (135,37) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
81 LayoutFlexibleBox {DIV} at (4,3) size 125x13
82 LayoutBlockFlow {DIV} at (0,6.50) size 5x0
83 LayoutBlockFlow {DIV} at (5,0) size 108x13
84 LayoutText {#text} at (268,37) size 4x18
85 text run at (268,37) width 4: " "
86 LayoutTextControl {INPUT} at (272,37) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
87 LayoutText {#text} at (403,37) size 4x18
88 text run at (403,37) width 4: " "
89 LayoutTextControl {INPUT} at (407,37) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
90 LayoutFlexibleBox {DIV} at (4,3) size 125x13
91 LayoutBlockFlow {DIV} at (0,6.50) size 5x0
92 LayoutBlockFlow {DIV} at (5,0) size 108x13
93 LayoutText {#text} at (540,37) size 4x18
94 text run at (540,37) width 4: " "
95 LayoutTextControl {INPUT} at (544,37) size 131x19 [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 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
104 LayoutText {#text} at (377,18) size 5x18
105 text run at (377,18) width 5: " "
106 LayoutTextControl {INPUT} at (381.23,18) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
107 LayoutText {#text} at (512,18) size 5x18
108 text run at (512,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 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
113 LayoutText {#text} at (400,37) size 5x18
114 text run at (400,37) width 5: " "
115 LayoutTextControl {INPUT} at (404.78,37) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
116 LayoutText {#text} at (535,37) size 5x18
117 text run at (535,37) width 5: " "
118 LayoutBR {BR} at (0,0) size 0x0
119 layer at (11,71) size 125x13 scrollWidth 291
120 LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9]
121 LayoutText {#text} at (0,0) size 291x13
122 text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
123 layer at (11,71) size 125x13
124 LayoutBlockFlow {DIV} at (3,3) size 125x13
125 layer at (152,71) size 108x13 scrollWidth 291
126 LayoutBlockFlow {DIV} at (9,3) size 108x13 [color=#A9A9A9]
127 LayoutText {#text} at (0,0) size 291x13
128 text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
129 layer at (152,71) size 108x13
130 LayoutBlockFlow {DIV} at (0,0) size 108x13
131 layer at (283,71) size 125x13 scrollWidth 291
132 LayoutBlockFlow {DIV} at (3,3) size 125x13
133 LayoutText {#text} at (0,0) size 291x13
134 text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
135 layer at (424,71) size 108x13 scrollWidth 291
136 LayoutBlockFlow {DIV} at (0,0) size 108x13
137 LayoutText {#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 (555,71) size 125x13 scrollWidth 361
140 LayoutBlockFlow {DIV} at (3,3) size 125x13
141 LayoutText {#text} at (0,0) size 361x13
142 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}"
143 layer at (11,90) size 125x13 scrollX 165.00 scrollWidth 291
144 LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9]
145 LayoutText {#text} at (-165,0) size 291x13
146 text run at (-165,0) width 290: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
147 layer at (11,90) size 125x13
148 LayoutBlockFlow {DIV} at (3,3) size 125x13
149 layer at (152,90) size 108x13 scrollX 182.00 scrollWidth 291
150 LayoutBlockFlow {DIV} at (9,3) size 108x13 [color=#A9A9A9]
151 LayoutText {#text} at (-182,0) size 291x13
152 text run at (-182,0) width 290: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
153 layer at (152,90) size 108x13
154 LayoutBlockFlow {DIV} at (0,0) size 108x13
155 layer at (283,90) size 125x13 scrollX 165.00 scrollWidth 291
156 LayoutBlockFlow {DIV} at (3,3) size 125x13
157 LayoutText {#text} at (-165,0) size 291x13
158 text run at (-165,0) width 290: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
159 layer at (424,90) size 108x13 scrollX 182.00 scrollWidth 291
160 LayoutBlockFlow {DIV} at (0,0) size 108x13
161 LayoutText {#text} at (-182,0) size 291x13
162 text run at (-182,0) width 290: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
163 layer at (555,90) size 125x13 scrollX 235.00 scrollWidth 361
164 LayoutBlockFlow {DIV} at (3,3) size 125x13
165 LayoutText {#text} at (-235,0) size 361x13
166 text run at (-235,0) width 360 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 125x13 scrollWidth 291
168 LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9]
169 LayoutText {#text} at (0,0) size 291x13
170 text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
171 layer at (11,143) size 125x13
172 LayoutBlockFlow {DIV} at (3,3) size 125x13
173 layer at (152,143) size 108x13 scrollWidth 291
174 LayoutBlockFlow {DIV} at (9,3) size 108x13 [color=#A9A9A9]
175 LayoutText {#text} at (0,0) size 291x13
176 text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
177 layer at (152,143) size 108x13
178 LayoutBlockFlow {DIV} at (0,0) size 108x13
179 layer at (283,143) size 125x13 scrollWidth 291
180 LayoutBlockFlow {DIV} at (3,3) size 125x13
181 LayoutText {#text} at (0,0) size 291x13
182 text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
183 layer at (424,143) size 108x13 scrollWidth 291
184 LayoutBlockFlow {DIV} at (0,0) size 108x13
185 LayoutText {#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 (555,143) size 125x13 scrollWidth 361
188 LayoutBlockFlow {DIV} at (3,3) size 125x13
189 LayoutText {#text} at (0,0) size 361x13
190 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}"
191 layer at (11,162) size 125x13 scrollX 165.00 scrollWidth 291
192 LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9]
193 LayoutText {#text} at (-165,0) size 291x13
194 text run at (-165,0) width 290: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
195 layer at (11,162) size 125x13
196 LayoutBlockFlow {DIV} at (3,3) size 125x13
197 layer at (152,162) size 108x13 scrollX 182.00 scrollWidth 291
198 LayoutBlockFlow {DIV} at (9,3) size 108x13 [color=#A9A9A9]
199 LayoutText {#text} at (-182,0) size 291x13
200 text run at (-182,0) width 290: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
201 layer at (152,162) size 108x13
202 LayoutBlockFlow {DIV} at (0,0) size 108x13
203 layer at (283,162) size 125x13 scrollX 165.00 scrollWidth 291
204 LayoutBlockFlow {DIV} at (3,3) size 125x13
205 LayoutText {#text} at (-165,0) size 291x13
206 text run at (-165,0) width 290: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
207 layer at (424,162) size 108x13 scrollX 182.00 scrollWidth 291
208 LayoutBlockFlow {DIV} at (0,0) size 108x13
209 LayoutText {#text} at (-182,0) size 291x13
210 text run at (-182,0) width 290: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
211 layer at (555,162) size 125x13 scrollX 235.00 scrollWidth 361
212 LayoutBlockFlow {DIV} at (3,3) size 125x13
213 LayoutText {#text} at (-235,0) size 361x13
214 text run at (-235,0) width 360 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 125x13 scrollWidth 291
216 LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9]
217 LayoutText {#text} at (0,0) size 291x13
218 text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
219 layer at (257,215) size 125x13
220 LayoutBlockFlow {DIV} at (3,3) size 125x13
221 layer at (392,215) size 125x13 scrollWidth 291
222 LayoutBlockFlow {DIV} at (3,3) size 125x13
223 LayoutText {#text} at (0,0) size 291x13
224 text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
225 layer at (281,234) size 125x13 scrollWidth 291
226 LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9]
227 LayoutText {#text} at (0,0) size 291x13
228 text run at (0,0) width 291: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
229 layer at (281,234) size 125x13
230 LayoutBlockFlow {DIV} at (3,3) size 125x13
231 layer at (416,234) size 125x13 scrollWidth 291
232 LayoutBlockFlow {DIV} at (3,3) size 125x13
233 LayoutText {#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 (261,72) size 11x11 transparent
236 LayoutBlockFlow {DIV} at (114,1) size 11x11
237 layer at (533,72) size 11x11 transparent
238 LayoutBlockFlow {DIV} at (114,1) size 11x11
239 layer at (261,91) size 11x11 transparent
240 LayoutBlockFlow {DIV} at (114,1) size 11x11
241 layer at (533,91) size 11x11 transparent
242 LayoutBlockFlow {DIV} at (114,1) size 11x11
243 layer at (261,144) size 11x11 transparent
244 LayoutBlockFlow {DIV} at (114,1) size 11x11
245 layer at (533,144) size 11x11 transparent
246 LayoutBlockFlow {DIV} at (114,1) size 11x11
247 layer at (261,163) size 11x11 transparent
248 LayoutBlockFlow {DIV} at (114,1) size 11x11
249 layer at (533,163) size 11x11 transparent
250 LayoutBlockFlow {DIV} at (114,1) size 11x11