| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x310 |
| RenderBlock {HTML} at (0,0) size 800x310 |
| RenderBody {BODY} at (8,16) size 784x278 |
| RenderBlock {P} at (0,0) size 784x20 |
| RenderText {#text} at (0,0) size 314x19 |
| text run at (0,0) width 314: "This test is a basic check for using text-overflow." |
| RenderBlock {P} at (0,36) size 784x70 |
| RenderText {#text} at (0,0) size 490x19 |
| text run at (0,0) width 490: "Apply \"text-overflow:clip\" to inputs. The following input should be clipped:" |
| RenderBR {BR} at (489,0) size 1x19 |
| RenderTextControl {INPUT} at (2,22) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderText {#text} at (139,21) size 5x19 |
| text run at (139,21) width 5: " " |
| RenderTextControl {INPUT} at (145,22) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderFlexibleBox {DIV} at (6,3) size 123x15 |
| RenderBlock {DIV} at (0,7) size 0x0 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderBlock {DIV} at (122,7) size 0x0 |
| RenderText {#text} at (282,21) size 5x19 |
| text run at (282,21) width 5: " " |
| RenderTextControl {INPUT} at (288,22) size 137x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderText {#text} at (426,21) size 5x19 |
| text run at (426,21) width 5: " " |
| RenderTextControl {INPUT} at (432,22) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderFlexibleBox {DIV} at (6,3) size 123x15 |
| RenderBlock {DIV} at (0,7) size 0x0 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderBlock {DIV} at (122,7) size 0x0 |
| RenderText {#text} at (569,21) size 5x19 |
| text run at (569,21) width 5: " " |
| RenderTextControl {INPUT} at (575,22) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderFlexibleBox {DIV} at (6,3) size 123x15 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderBR {BR} at (712,21) size 1x19 |
| RenderTextControl {INPUT} at (2,47) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderText {#text} at (139,46) size 5x19 |
| text run at (139,46) width 5: " " |
| RenderTextControl {INPUT} at (145,47) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderFlexibleBox {DIV} at (6,3) size 123x15 |
| RenderBlock {DIV} at (122,7) size 0x0 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderBlock {DIV} at (0,7) size 0x0 |
| RenderText {#text} at (282,46) size 5x19 |
| text run at (282,46) width 5: " " |
| RenderTextControl {INPUT} at (288,47) size 137x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderText {#text} at (426,46) size 5x19 |
| text run at (426,46) width 5: " " |
| RenderTextControl {INPUT} at (432,47) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderFlexibleBox {DIV} at (6,3) size 123x15 |
| RenderBlock {DIV} at (122,7) size 0x0 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderBlock {DIV} at (0,7) size 0x0 |
| RenderText {#text} at (569,46) size 5x19 |
| text run at (569,46) width 5: " " |
| RenderTextControl {INPUT} at (575,47) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderFlexibleBox {DIV} at (6,3) size 123x15 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,122) size 784x70 |
| RenderText {#text} at (0,0) size 547x19 |
| text run at (0,0) width 547: "Apply \"text-overflow:ellipsis\" to inputs. The following input should show an ellipsis:" |
| RenderBR {BR} at (546,0) size 1x19 |
| RenderTextControl {INPUT} at (2,22) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderText {#text} at (139,21) size 5x19 |
| text run at (139,21) width 5: " " |
| RenderTextControl {INPUT} at (145,22) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderFlexibleBox {DIV} at (6,3) size 123x15 |
| RenderBlock {DIV} at (0,7) size 0x0 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderBlock {DIV} at (122,7) size 0x0 |
| RenderText {#text} at (282,21) size 5x19 |
| text run at (282,21) width 5: " " |
| RenderTextControl {INPUT} at (288,22) size 137x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderText {#text} at (426,21) size 5x19 |
| text run at (426,21) width 5: " " |
| RenderTextControl {INPUT} at (432,22) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderFlexibleBox {DIV} at (6,3) size 123x15 |
| RenderBlock {DIV} at (0,7) size 0x0 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderBlock {DIV} at (122,7) size 0x0 |
| RenderText {#text} at (569,21) size 5x19 |
| text run at (569,21) width 5: " " |
| RenderTextControl {INPUT} at (575,22) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderFlexibleBox {DIV} at (6,3) size 123x15 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderBR {BR} at (712,21) size 1x19 |
| RenderTextControl {INPUT} at (2,47) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderText {#text} at (139,46) size 5x19 |
| text run at (139,46) width 5: " " |
| RenderTextControl {INPUT} at (145,47) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderFlexibleBox {DIV} at (6,3) size 123x15 |
| RenderBlock {DIV} at (122,7) size 0x0 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderBlock {DIV} at (0,7) size 0x0 |
| RenderText {#text} at (282,46) size 5x19 |
| text run at (282,46) width 5: " " |
| RenderTextControl {INPUT} at (288,47) size 137x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderText {#text} at (426,46) size 5x19 |
| text run at (426,46) width 5: " " |
| RenderTextControl {INPUT} at (432,47) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderFlexibleBox {DIV} at (6,3) size 123x15 |
| RenderBlock {DIV} at (122,7) size 0x0 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderBlock {DIV} at (0,7) size 0x0 |
| RenderText {#text} at (569,46) size 5x19 |
| text run at (569,46) width 5: " " |
| RenderTextControl {INPUT} at (575,47) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderFlexibleBox {DIV} at (6,3) size 123x15 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,208) size 784x70 |
| RenderText {#text} at (0,0) size 238x19 |
| text run at (0,0) width 238: "Dynamic style change text-overflow:" |
| RenderBR {BR} at (237,0) size 1x19 |
| RenderText {#text} at (0,21) size 247x19 |
| text run at (0,21) width 247: "Clip to ellipsis (should show ellipsis): " |
| RenderTextControl {INPUT} at (248,22) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderText {#text} at (385,21) size 5x19 |
| text run at (385,21) width 5: " " |
| RenderTextControl {INPUT} at (391,22) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderText {#text} at (528,21) size 5x19 |
| text run at (528,21) width 5: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| RenderText {#text} at (0,46) size 270x19 |
| text run at (0,46) width 270: "Ellipsis to clip (should not show ellipsis): " |
| RenderTextControl {INPUT} at (271,47) size 137x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderText {#text} at (409,46) size 5x19 |
| text run at (409,46) width 5: " " |
| RenderTextControl {INPUT} at (415,47) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderText {#text} at (552,46) size 5x19 |
| text run at (552,46) width 5: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| layer at (17,77) size 122x14 scrollWidth 265 |
| RenderBlock {DIV} at (6,3) size 123x15 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 265x14 |
| text run at (0,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (17,77) size 122x14 |
| RenderBlock {DIV} at (6,3) size 123x15 |
| layer at (160,77) size 122x14 scrollWidth 265 |
| RenderBlock {DIV} at (6,3) size 123x15 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 265x14 |
| text run at (0,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (160,77) size 122x14 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| layer at (303,77) size 122x14 scrollWidth 266 |
| RenderBlock {DIV} at (6,3) size 123x15 |
| RenderText {#text} at (0,0) size 265x14 |
| text run at (0,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (447,77) size 122x14 scrollWidth 266 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderText {#text} at (0,0) size 265x14 |
| text run at (0,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (590,77) size 122x14 scrollWidth 366 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderText {#text} at (0,0) size 366x14 |
| text run at (0,0) width 366: "\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}" |
| layer at (17,102) size 122x14 scrollX 142 scrollWidth 265 |
| RenderBlock {DIV} at (6,3) size 123x15 [color=#A9A9A9] |
| RenderText {#text} at (-142,0) size 266x14 |
| text run at (-142,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (17,102) size 122x14 |
| RenderBlock {DIV} at (6,3) size 123x15 |
| layer at (160,102) size 122x14 scrollX 142 scrollWidth 265 |
| RenderBlock {DIV} at (6,3) size 123x15 [color=#A9A9A9] |
| RenderText {#text} at (-142,0) size 266x14 |
| text run at (-142,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (160,102) size 122x14 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| layer at (303,102) size 122x14 scrollX 142 scrollWidth 265 |
| RenderBlock {DIV} at (6,3) size 123x15 |
| RenderText {#text} at (-142,0) size 266x14 |
| text run at (-142,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (447,102) size 122x14 scrollX 142 scrollWidth 265 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderText {#text} at (-142,0) size 266x14 |
| text run at (-142,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (590,102) size 122x14 scrollWidth 366 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderText {#text} at (0,0) size 366x14 |
| text run at (0,0) width 366: "\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}" |
| layer at (17,163) size 122x14 scrollWidth 265 |
| RenderBlock {DIV} at (6,3) size 123x15 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 265x14 |
| text run at (0,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (17,163) size 122x14 |
| RenderBlock {DIV} at (6,3) size 123x15 |
| layer at (160,163) size 122x14 scrollWidth 265 |
| RenderBlock {DIV} at (6,3) size 123x15 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 265x14 |
| text run at (0,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (160,163) size 122x14 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| layer at (303,163) size 122x14 scrollWidth 266 |
| RenderBlock {DIV} at (6,3) size 123x15 |
| RenderText {#text} at (0,0) size 265x14 |
| text run at (0,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (447,163) size 122x14 scrollWidth 266 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderText {#text} at (0,0) size 265x14 |
| text run at (0,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (590,163) size 122x14 scrollWidth 366 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderText {#text} at (0,0) size 366x14 |
| text run at (0,0) width 366: "\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}" |
| layer at (17,188) size 122x14 scrollX 142 scrollWidth 265 |
| RenderBlock {DIV} at (6,3) size 123x15 [color=#A9A9A9] |
| RenderText {#text} at (-142,0) size 266x14 |
| text run at (-142,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (17,188) size 122x14 |
| RenderBlock {DIV} at (6,3) size 123x15 |
| layer at (160,188) size 122x14 scrollX 142 scrollWidth 265 |
| RenderBlock {DIV} at (6,3) size 123x15 [color=#A9A9A9] |
| RenderText {#text} at (-142,0) size 266x14 |
| text run at (-142,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (160,188) size 122x14 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| layer at (303,188) size 122x14 scrollX 142 scrollWidth 265 |
| RenderBlock {DIV} at (6,3) size 123x15 |
| RenderText {#text} at (-142,0) size 266x14 |
| text run at (-142,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (447,188) size 122x14 scrollX 142 scrollWidth 265 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderText {#text} at (-142,0) size 266x14 |
| text run at (-142,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (590,188) size 122x14 scrollWidth 371 |
| RenderBlock {DIV} at (0,0) size 123x14 |
| RenderText {#text} at (5,0) size 366x14 |
| text run at (5,0) width 366: "\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}" |
| layer at (263,249) size 122x14 scrollWidth 265 |
| RenderBlock {DIV} at (6,3) size 123x15 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 265x14 |
| text run at (0,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (263,249) size 122x14 |
| RenderBlock {DIV} at (6,3) size 123x15 |
| layer at (406,249) size 122x14 scrollWidth 266 |
| RenderBlock {DIV} at (6,3) size 123x15 |
| RenderText {#text} at (0,0) size 265x14 |
| text run at (0,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (286,274) size 122x14 scrollWidth 265 |
| RenderBlock {DIV} at (6,3) size 123x15 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 265x14 |
| text run at (0,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (286,274) size 122x14 |
| RenderBlock {DIV} at (6,3) size 123x15 |
| layer at (430,274) size 122x14 scrollWidth 266 |
| RenderBlock {DIV} at (6,3) size 123x15 |
| RenderText {#text} at (0,0) size 265x14 |
| text run at (0,0) width 265: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
