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