| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x410 |
| RenderBlock {HTML} at (0,0) size 800x410 |
| RenderBody {BODY} at (8,16) size 784x378 |
| 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 784x120 |
| 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 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderText {#text} at (158,21) size 5x19 |
| text run at (158,21) width 5: " " |
| RenderTextControl {INPUT} at (164,23) size 165x20 [bgcolor=#EEEEEE] |
| RenderFlexibleBox {DIV} at (5,2) size 154x15 |
| RenderBlock {DIV} at (15,0) size 138x14 |
| RenderBlock {DIV} at (152,7) size 0x0 |
| RenderText {#text} at (330,21) size 5x19 |
| text run at (330,21) width 5: " " |
| RenderTextControl {INPUT} at (336,22) size 156x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderText {#text} at (493,21) size 5x19 |
| text run at (493,21) width 5: " " |
| RenderTextControl {INPUT} at (499,23) size 165x20 [bgcolor=#EEEEEE] |
| RenderFlexibleBox {DIV} at (5,2) size 154x15 |
| RenderBlock {DIV} at (15,0) size 138x14 |
| RenderBlock {DIV} at (152,7) size 0x0 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,47) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderFlexibleBox {DIV} at (6,3) size 143x15 |
| RenderBlock {DIV} at (0,0) size 142x14 |
| RenderBR {BR} at (158,46) size 1x19 |
| RenderTextControl {INPUT} at (2,72) size 153x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderText {#text} at (156,71) size 5x19 |
| text run at (156,71) width 5: " " |
| RenderTextControl {INPUT} at (162,73) size 163x20 [bgcolor=#EEEEEE] |
| RenderFlexibleBox {DIV} at (5,2) size 152x15 |
| RenderBlock {DIV} at (0,0) size 136x14 |
| RenderBlock {DIV} at (0,7) size 0x0 |
| RenderText {#text} at (326,71) size 5x19 |
| text run at (326,71) width 5: " " |
| RenderTextControl {INPUT} at (332,72) size 154x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderText {#text} at (487,71) size 5x19 |
| text run at (487,71) width 5: " " |
| RenderTextControl {INPUT} at (493,73) size 163x20 [bgcolor=#EEEEEE] |
| RenderFlexibleBox {DIV} at (5,2) size 152x15 |
| RenderBlock {DIV} at (0,0) size 136x14 |
| RenderBlock {DIV} at (0,7) size 0x0 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,97) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderFlexibleBox {DIV} at (6,3) size 143x15 |
| RenderBlock {DIV} at (0,0) size 142x14 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,172) size 784x120 |
| 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 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderText {#text} at (158,21) size 5x19 |
| text run at (158,21) width 5: " " |
| RenderTextControl {INPUT} at (164,23) size 165x20 [bgcolor=#EEEEEE] |
| RenderFlexibleBox {DIV} at (5,2) size 154x15 |
| RenderBlock {DIV} at (15,0) size 138x14 |
| RenderBlock {DIV} at (152,7) size 0x0 |
| RenderText {#text} at (330,21) size 5x19 |
| text run at (330,21) width 5: " " |
| RenderTextControl {INPUT} at (336,22) size 156x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderText {#text} at (493,21) size 5x19 |
| text run at (493,21) width 5: " " |
| RenderTextControl {INPUT} at (499,23) size 165x20 [bgcolor=#EEEEEE] |
| RenderFlexibleBox {DIV} at (5,2) size 154x15 |
| RenderBlock {DIV} at (15,0) size 138x14 |
| RenderBlock {DIV} at (152,7) size 0x0 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,47) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderFlexibleBox {DIV} at (6,3) size 143x15 |
| RenderBlock {DIV} at (0,0) size 142x14 |
| RenderBR {BR} at (158,46) size 1x19 |
| RenderTextControl {INPUT} at (2,72) size 153x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderText {#text} at (156,71) size 5x19 |
| text run at (156,71) width 5: " " |
| RenderTextControl {INPUT} at (162,73) size 163x20 [bgcolor=#EEEEEE] |
| RenderFlexibleBox {DIV} at (5,2) size 152x15 |
| RenderBlock {DIV} at (0,0) size 136x14 |
| RenderBlock {DIV} at (0,7) size 0x0 |
| RenderText {#text} at (326,71) size 5x19 |
| text run at (326,71) width 5: " " |
| RenderTextControl {INPUT} at (332,72) size 154x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderText {#text} at (487,71) size 5x19 |
| text run at (487,71) width 5: " " |
| RenderTextControl {INPUT} at (493,73) size 163x20 [bgcolor=#EEEEEE] |
| RenderFlexibleBox {DIV} at (5,2) size 152x15 |
| RenderBlock {DIV} at (0,0) size 136x14 |
| RenderBlock {DIV} at (0,7) size 0x0 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,97) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderFlexibleBox {DIV} at (6,3) size 143x15 |
| RenderBlock {DIV} at (0,0) size 142x14 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,308) 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 156x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderText {#text} at (405,21) size 5x19 |
| text run at (405,21) width 5: " " |
| RenderTextControl {INPUT} at (411,22) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderText {#text} at (567,21) size 5x19 |
| text run at (567,21) width 5: " " |
| RenderBR {BR} at (571,21) size 1x19 |
| 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 156x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderText {#text} at (428,46) size 5x19 |
| text run at (428,46) width 5: " " |
| RenderTextControl {INPUT} at (434,47) size 156x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)] |
| RenderText {#text} at (591,46) size 5x19 |
| text run at (591,46) width 5: " " |
| RenderBR {BR} at (595,46) size 1x19 |
| layer at (17,77) size 141x14 scrollWidth 288 |
| RenderBlock {DIV} at (6,3) size 143x15 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 288x14 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (17,77) size 141x14 |
| RenderBlock {DIV} at (6,3) size 143x15 |
| layer at (194,77) size 137x14 scrollWidth 288 |
| RenderBlock {DIV} at (20,2) size 139x15 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 288x14 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (194,77) size 137x14 |
| RenderBlock {DIV} at (0,0) size 138x14 |
| layer at (351,77) size 141x14 scrollWidth 290 |
| RenderBlock {DIV} at (6,3) size 143x15 |
| RenderText {#text} at (0,0) size 288x14 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (529,77) size 137x14 scrollWidth 290 |
| RenderBlock {DIV} at (0,0) size 138x14 |
| RenderText {#text} at (0,0) size 288x14 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (17,102) size 142x14 backgroundClip at (17,102) size 141x14 clip at (17,102) size 141x14 scrollWidth 387 |
| RenderBlock {DIV} at (0,0) size 142x14 |
| RenderText {#text} at (0,0) size 385x14 |
| text run at (0,0) width 385: "\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,127) size 139x14 scrollX 148 scrollWidth 288 |
| RenderBlock {DIV} at (6,3) size 141x15 [color=#A9A9A9] |
| RenderText {#text} at (-147,0) size 288x14 |
| text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (17,127) size 139x14 |
| RenderBlock {DIV} at (6,3) size 141x15 |
| layer at (176,127) size 135x14 scrollX 152 scrollWidth 288 |
| RenderBlock {DIV} at (5,2) size 136x15 [color=#A9A9A9] |
| RenderText {#text} at (-152,0) size 289x14 |
| text run at (-152,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (176,127) size 135x14 |
| RenderBlock {DIV} at (0,0) size 136x14 |
| layer at (347,127) size 139x14 scrollX 148 scrollWidth 288 |
| RenderBlock {DIV} at (6,3) size 141x15 |
| RenderText {#text} at (-147,0) size 288x14 |
| text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (507,127) size 135x14 scrollX 152 scrollWidth 288 |
| RenderBlock {DIV} at (0,0) size 136x14 |
| RenderText {#text} at (-152,0) size 289x14 |
| text run at (-152,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (17,152) size 142x14 backgroundClip at (17,152) size 141x14 clip at (17,152) size 141x14 scrollWidth 387 |
| RenderBlock {DIV} at (0,0) size 142x14 |
| RenderText {#text} at (0,0) size 385x14 |
| text run at (0,0) width 385: "\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,213) size 141x14 scrollWidth 288 |
| RenderBlock {DIV} at (6,3) size 143x15 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 288x14 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (17,213) size 141x14 |
| RenderBlock {DIV} at (6,3) size 143x15 |
| layer at (194,213) size 137x14 scrollWidth 288 |
| RenderBlock {DIV} at (20,2) size 139x15 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 288x14 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (194,213) size 137x14 |
| RenderBlock {DIV} at (0,0) size 138x14 |
| layer at (351,213) size 141x14 scrollWidth 290 |
| RenderBlock {DIV} at (6,3) size 143x15 |
| RenderText {#text} at (0,0) size 288x14 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (529,213) size 137x14 scrollWidth 290 |
| RenderBlock {DIV} at (0,0) size 138x14 |
| RenderText {#text} at (0,0) size 288x14 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (17,238) size 142x14 backgroundClip at (17,238) size 141x14 clip at (17,238) size 141x14 scrollWidth 387 |
| RenderBlock {DIV} at (0,0) size 142x14 |
| RenderText {#text} at (0,0) size 385x14 |
| text run at (0,0) width 385: "\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,263) size 139x14 scrollX 148 scrollWidth 288 |
| RenderBlock {DIV} at (6,3) size 141x15 [color=#A9A9A9] |
| RenderText {#text} at (-147,0) size 288x14 |
| text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (17,263) size 139x14 |
| RenderBlock {DIV} at (6,3) size 141x15 |
| layer at (176,263) size 135x14 scrollX 152 scrollWidth 288 |
| RenderBlock {DIV} at (5,2) size 136x15 [color=#A9A9A9] |
| RenderText {#text} at (-152,0) size 289x14 |
| text run at (-152,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (176,263) size 135x14 |
| RenderBlock {DIV} at (0,0) size 136x14 |
| layer at (347,263) size 139x14 scrollX 148 scrollWidth 288 |
| RenderBlock {DIV} at (6,3) size 141x15 |
| RenderText {#text} at (-147,0) size 288x14 |
| text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (507,263) size 135x14 scrollX 152 scrollWidth 288 |
| RenderBlock {DIV} at (0,0) size 136x14 |
| RenderText {#text} at (-152,0) size 289x14 |
| text run at (-152,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (17,288) size 142x14 backgroundClip at (17,288) size 141x14 clip at (17,288) size 141x14 scrollWidth 394 |
| RenderBlock {DIV} at (0,0) size 142x14 |
| RenderText {#text} at (7,0) size 385x14 |
| text run at (7,0) width 385: "\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,349) size 141x14 scrollWidth 288 |
| RenderBlock {DIV} at (6,3) size 143x15 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 288x14 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (263,349) size 141x14 |
| RenderBlock {DIV} at (6,3) size 143x15 |
| layer at (426,349) size 141x14 scrollWidth 290 |
| RenderBlock {DIV} at (6,3) size 143x15 |
| RenderText {#text} at (0,0) size 288x14 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (286,374) size 141x14 scrollWidth 288 |
| RenderBlock {DIV} at (6,3) size 143x15 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 288x14 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (286,374) size 141x14 |
| RenderBlock {DIV} at (6,3) size 143x15 |
| layer at (449,374) size 141x14 scrollWidth 290 |
| RenderBlock {DIV} at (6,3) size 143x15 |
| RenderText {#text} at (0,0) size 288x14 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (178,79) size 11x11 |
| RenderBlock {DIV} at (0,1) size 11x12 [bgcolor=#A9A9A9] |
| layer at (513,79) size 11x11 |
| RenderBlock {DIV} at (0,1) size 11x12 [bgcolor=#A9A9A9] |
| layer at (316,129) size 11x11 |
| RenderBlock {DIV} at (139,1) size 12x12 [bgcolor=#A9A9A9] |
| layer at (647,129) size 11x11 |
| RenderBlock {DIV} at (139,1) size 12x12 [bgcolor=#A9A9A9] |
| layer at (178,215) size 11x11 |
| RenderBlock {DIV} at (0,1) size 11x12 [bgcolor=#A9A9A9] |
| layer at (513,215) size 11x11 |
| RenderBlock {DIV} at (0,1) size 11x12 [bgcolor=#A9A9A9] |
| layer at (316,265) size 11x11 |
| RenderBlock {DIV} at (139,1) size 12x12 [bgcolor=#A9A9A9] |
| layer at (647,265) size 11x11 |
| RenderBlock {DIV} at (139,1) size 12x12 [bgcolor=#A9A9A9] |
