| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x432 |
| RenderBlock {HTML} at (0,0) size 800x432 |
| RenderBody {BODY} at (8,16) size 784x400 |
| RenderBlock {P} at (0,0) size 784x18 |
| RenderText {#text} at (0,0) size 308x17 |
| text run at (0,0) width 308: "This test is a basic check for using text-overflow." |
| RenderBlock {P} at (0,34) size 784x130 |
| RenderText {#text} at (0,0) size 481x17 |
| text run at (0,0) width 481: "Apply \"text-overflow:clip\" to inputs. The following input should be clipped:" |
| RenderBR {BR} at (481,0) size 0x17 |
| RenderTextControl {INPUT} at (2,20) size 173x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (177,23) size 4x17 |
| text run at (177,23) width 4: " " |
| RenderTextControl {INPUT} at (183,20) size 189x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 183x18 |
| RenderBlock {DIV} at (0,9) size 0x0 |
| RenderBlock {DIV} at (0,0) size 167x18 |
| RenderText {#text} at (374,23) size 4x17 |
| text run at (374,23) width 4: " " |
| RenderTextControl {INPUT} at (380,20) size 173x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (555,23) size 4x17 |
| text run at (555,23) width 4: " " |
| RenderTextControl {INPUT} at (561,20) size 189x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 183x18 |
| RenderBlock {DIV} at (0,9) size 0x0 |
| RenderBlock {DIV} at (0,0) size 167x18 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,48) size 173x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 167x18 |
| RenderBlock {DIV} at (0,0) size 167x18 |
| RenderBR {BR} at (177,51) size 0x17 |
| RenderTextControl {INPUT} at (2,76) size 172x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (176,79) size 4x17 |
| text run at (176,79) width 4: " " |
| RenderTextControl {INPUT} at (182,76) size 188x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 182x18 |
| RenderBlock {DIV} at (182,9) size 0x0 |
| RenderBlock {DIV} at (16,0) size 166x18 |
| RenderText {#text} at (372,79) size 4x17 |
| text run at (372,79) width 4: " " |
| RenderTextControl {INPUT} at (378,76) size 172x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (552,79) size 4x17 |
| text run at (552,79) width 4: " " |
| RenderTextControl {INPUT} at (558,76) size 188x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 182x18 |
| RenderBlock {DIV} at (182,9) size 0x0 |
| RenderBlock {DIV} at (16,0) size 166x18 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,104) size 172x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 166x18 |
| RenderBlock {DIV} at (0,0) size 166x18 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,180) size 784x130 |
| RenderText {#text} at (0,0) size 536x17 |
| text run at (0,0) width 536: "Apply \"text-overflow:ellipsis\" to inputs. The following input should show an ellipsis:" |
| RenderBR {BR} at (536,0) size 0x17 |
| RenderTextControl {INPUT} at (2,20) size 173x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (177,23) size 4x17 |
| text run at (177,23) width 4: " " |
| RenderTextControl {INPUT} at (183,20) size 189x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 183x18 |
| RenderBlock {DIV} at (0,9) size 0x0 |
| RenderBlock {DIV} at (0,0) size 167x18 |
| RenderText {#text} at (374,23) size 4x17 |
| text run at (374,23) width 4: " " |
| RenderTextControl {INPUT} at (380,20) size 173x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (555,23) size 4x17 |
| text run at (555,23) width 4: " " |
| RenderTextControl {INPUT} at (561,20) size 189x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 183x18 |
| RenderBlock {DIV} at (0,9) size 0x0 |
| RenderBlock {DIV} at (0,0) size 167x18 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,48) size 173x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 167x18 |
| RenderBlock {DIV} at (0,0) size 167x18 |
| RenderBR {BR} at (177,51) size 0x17 |
| RenderTextControl {INPUT} at (2,76) size 172x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (176,79) size 4x17 |
| text run at (176,79) width 4: " " |
| RenderTextControl {INPUT} at (182,76) size 188x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 182x18 |
| RenderBlock {DIV} at (182,9) size 0x0 |
| RenderBlock {DIV} at (16,0) size 166x18 |
| RenderText {#text} at (372,79) size 4x17 |
| text run at (372,79) width 4: " " |
| RenderTextControl {INPUT} at (378,76) size 172x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (552,79) size 4x17 |
| text run at (552,79) width 4: " " |
| RenderTextControl {INPUT} at (558,76) size 188x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 182x18 |
| RenderBlock {DIV} at (182,9) size 0x0 |
| RenderBlock {DIV} at (16,0) size 166x18 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,104) size 172x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 166x18 |
| RenderBlock {DIV} at (0,0) size 166x18 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,326) size 784x74 |
| RenderText {#text} at (0,0) size 233x17 |
| text run at (0,0) width 233: "Dynamic style change text-overflow:" |
| RenderBR {BR} at (233,0) size 0x17 |
| RenderText {#text} at (0,23) size 239x17 |
| text run at (0,23) width 239: "Clip to ellipsis (should show ellipsis): " |
| RenderTextControl {INPUT} at (241,20) size 173x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (416,23) size 4x17 |
| text run at (416,23) width 4: " " |
| RenderTextControl {INPUT} at (422,20) size 173x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (597,23) size 4x17 |
| text run at (597,23) width 4: " " |
| RenderBR {BR} at (601,23) size 0x17 |
| RenderText {#text} at (0,51) size 262x17 |
| text run at (0,51) width 262: "Ellipsis to clip (should not show ellipsis): " |
| RenderTextControl {INPUT} at (264,48) size 173x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (439,51) size 4x17 |
| text run at (439,51) width 4: " " |
| RenderTextControl {INPUT} at (445,48) size 173x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (620,51) size 4x17 |
| text run at (620,51) width 4: " " |
| RenderBR {BR} at (624,51) size 0x17 |
| layer at (13,73) size 167x18 scrollWidth 343 |
| RenderBlock {DIV} at (3,3) size 167x18 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 343x17 |
| text run at (0,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,73) size 167x18 |
| RenderBlock {DIV} at (3,3) size 167x18 |
| layer at (194,73) size 167x18 scrollWidth 343 |
| RenderBlock {DIV} at (3,3) size 167x18 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 343x17 |
| text run at (0,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (194,73) size 167x18 |
| RenderBlock {DIV} at (0,0) size 167x18 |
| layer at (391,73) size 167x18 scrollWidth 344 |
| RenderBlock {DIV} at (3,3) size 167x18 |
| RenderText {#text} at (0,0) size 343x17 |
| text run at (0,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (572,73) size 167x18 scrollWidth 344 |
| RenderBlock {DIV} at (0,0) size 167x18 |
| RenderText {#text} at (0,0) size 343x17 |
| text run at (0,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,101) size 167x18 scrollWidth 331 |
| RenderBlock {DIV} at (0,0) size 167x18 |
| RenderText {#text} at (0,0) size 330x17 |
| text run at (0,0) width 330: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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 (13,129) size 166x18 scrollX 177 scrollWidth 343 |
| RenderBlock {DIV} at (3,3) size 166x18 [color=#A9A9A9] |
| RenderText {#text} at (-177,0) size 343x17 |
| text run at (-177,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,129) size 166x18 |
| RenderBlock {DIV} at (3,3) size 166x18 |
| layer at (209,129) size 166x18 scrollX 177 scrollWidth 343 |
| RenderBlock {DIV} at (19,3) size 166x18 [color=#A9A9A9] |
| RenderText {#text} at (-177,0) size 343x17 |
| text run at (-177,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (209,129) size 166x18 |
| RenderBlock {DIV} at (0,0) size 166x18 |
| layer at (389,129) size 166x18 scrollX 177 scrollWidth 343 |
| RenderBlock {DIV} at (3,3) size 166x18 |
| RenderText {#text} at (-177,0) size 343x17 |
| text run at (-177,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (585,129) size 166x18 scrollX 177 scrollWidth 343 |
| RenderBlock {DIV} at (0,0) size 166x18 |
| RenderText {#text} at (-177,0) size 343x17 |
| text run at (-177,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,157) size 166x18 scrollX 164 scrollWidth 330 |
| RenderBlock {DIV} at (0,0) size 166x18 |
| RenderText {#text} at (-164,0) size 330x17 |
| text run at (-164,0) width 330 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 (13,219) size 167x18 scrollWidth 343 |
| RenderBlock {DIV} at (3,3) size 167x18 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 343x17 |
| text run at (0,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,219) size 167x18 |
| RenderBlock {DIV} at (3,3) size 167x18 |
| layer at (194,219) size 167x18 scrollWidth 343 |
| RenderBlock {DIV} at (3,3) size 167x18 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 343x17 |
| text run at (0,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (194,219) size 167x18 |
| RenderBlock {DIV} at (0,0) size 167x18 |
| layer at (391,219) size 167x18 scrollWidth 344 |
| RenderBlock {DIV} at (3,3) size 167x18 |
| RenderText {#text} at (0,0) size 343x17 |
| text run at (0,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (572,219) size 167x18 scrollWidth 344 |
| RenderBlock {DIV} at (0,0) size 167x18 |
| RenderText {#text} at (0,0) size 343x17 |
| text run at (0,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,247) size 167x18 scrollWidth 331 |
| RenderBlock {DIV} at (0,0) size 167x18 |
| RenderText {#text} at (0,0) size 330x17 |
| text run at (0,0) width 330: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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 (13,275) size 166x18 scrollX 177 scrollWidth 343 |
| RenderBlock {DIV} at (3,3) size 166x18 [color=#A9A9A9] |
| RenderText {#text} at (-177,0) size 343x17 |
| text run at (-177,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,275) size 166x18 |
| RenderBlock {DIV} at (3,3) size 166x18 |
| layer at (209,275) size 166x18 scrollX 177 scrollWidth 343 |
| RenderBlock {DIV} at (19,3) size 166x18 [color=#A9A9A9] |
| RenderText {#text} at (-177,0) size 343x17 |
| text run at (-177,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (209,275) size 166x18 |
| RenderBlock {DIV} at (0,0) size 166x18 |
| layer at (389,275) size 166x18 scrollX 177 scrollWidth 343 |
| RenderBlock {DIV} at (3,3) size 166x18 |
| RenderText {#text} at (-177,0) size 343x17 |
| text run at (-177,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (585,275) size 166x18 scrollX 177 scrollWidth 343 |
| RenderBlock {DIV} at (0,0) size 166x18 |
| RenderText {#text} at (-177,0) size 343x17 |
| text run at (-177,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,303) size 166x18 scrollX 164 scrollWidth 330 |
| RenderBlock {DIV} at (0,0) size 166x18 |
| RenderText {#text} at (-164,0) size 330x17 |
| text run at (-164,0) width 330 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 (252,365) size 167x18 scrollWidth 343 |
| RenderBlock {DIV} at (3,3) size 167x18 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 343x17 |
| text run at (0,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (252,365) size 167x18 |
| RenderBlock {DIV} at (3,3) size 167x18 |
| layer at (433,365) size 167x18 scrollWidth 344 |
| RenderBlock {DIV} at (3,3) size 167x18 |
| RenderText {#text} at (0,0) size 343x17 |
| text run at (0,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (275,393) size 167x18 scrollWidth 343 |
| RenderBlock {DIV} at (3,3) size 167x18 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 343x17 |
| text run at (0,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (275,393) size 167x18 |
| RenderBlock {DIV} at (3,3) size 167x18 |
| layer at (456,393) size 167x18 scrollWidth 344 |
| RenderBlock {DIV} at (3,3) size 167x18 |
| RenderText {#text} at (0,0) size 343x17 |
| text run at (0,0) width 343: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (361,74) size 16x16 |
| RenderBlock {DIV} at (167,1) size 16x16 [bgcolor=#000000] |
| layer at (739,74) size 16x16 |
| RenderBlock {DIV} at (167,1) size 16x16 [bgcolor=#000000] |
| layer at (193,130) size 16x16 |
| RenderBlock {DIV} at (0,1) size 16x16 [bgcolor=#000000] |
| layer at (569,130) size 16x16 |
| RenderBlock {DIV} at (0,1) size 16x16 [bgcolor=#000000] |
| layer at (361,220) size 16x16 |
| RenderBlock {DIV} at (167,1) size 16x16 [bgcolor=#000000] |
| layer at (739,220) size 16x16 |
| RenderBlock {DIV} at (167,1) size 16x16 [bgcolor=#000000] |
| layer at (193,276) size 16x16 |
| RenderBlock {DIV} at (0,1) size 16x16 [bgcolor=#000000] |
| layer at (569,276) size 16x16 |
| RenderBlock {DIV} at (0,1) size 16x16 [bgcolor=#000000] |
