| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x418 |
| RenderBlock {HTML} at (0,0) size 800x418 |
| RenderBody {BODY} at (8,16) size 784x386 |
| RenderBlock {P} at (0,0) size 784x17 |
| 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,33) size 784x125 |
| 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,19) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (195,22) size 4x17 |
| text run at (195,22) width 4: " " |
| RenderTextControl {INPUT} at (201,19) size 207x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 201x17 |
| RenderBlock {DIV} at (0,8) size 0x1 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| RenderBlock {DIV} at (185,0) size 16x17 |
| RenderText {#text} at (410,22) size 4x17 |
| text run at (410,22) width 4: " " |
| RenderTextControl {INPUT} at (416,19) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,46) size 207x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 201x17 |
| RenderBlock {DIV} at (0,8) size 0x1 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| RenderBlock {DIV} at (185,0) size 16x17 |
| RenderText {#text} at (211,49) size 4x17 |
| text run at (211,49) width 4: " " |
| RenderTextControl {INPUT} at (217,46) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderBR {BR} at (410,49) size 0x17 |
| RenderTextControl {INPUT} at (2,73) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (195,76) size 4x17 |
| text run at (195,76) width 4: " " |
| RenderTextControl {INPUT} at (201,73) size 207x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 201x17 |
| RenderBlock {DIV} at (0,8) size 0x1 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| RenderBlock {DIV} at (185,0) size 16x17 |
| RenderText {#text} at (410,76) size 4x17 |
| text run at (410,76) width 4: " " |
| RenderTextControl {INPUT} at (416,73) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,100) size 207x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 201x17 |
| RenderBlock {DIV} at (0,8) size 0x1 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| RenderBlock {DIV} at (185,0) size 16x17 |
| RenderText {#text} at (211,103) size 4x17 |
| text run at (211,103) width 4: " " |
| RenderTextControl {INPUT} at (217,100) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,174) size 784x125 |
| 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,19) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (195,22) size 4x17 |
| text run at (195,22) width 4: " " |
| RenderTextControl {INPUT} at (201,19) size 207x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 201x17 |
| RenderBlock {DIV} at (0,8) size 0x1 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| RenderBlock {DIV} at (185,0) size 16x17 |
| RenderText {#text} at (410,22) size 4x17 |
| text run at (410,22) width 4: " " |
| RenderTextControl {INPUT} at (416,19) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,46) size 207x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 201x17 |
| RenderBlock {DIV} at (0,8) size 0x1 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| RenderBlock {DIV} at (185,0) size 16x17 |
| RenderText {#text} at (211,49) size 4x17 |
| text run at (211,49) width 4: " " |
| RenderTextControl {INPUT} at (217,46) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderBR {BR} at (410,49) size 0x17 |
| RenderTextControl {INPUT} at (2,73) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (195,76) size 4x17 |
| text run at (195,76) width 4: " " |
| RenderTextControl {INPUT} at (201,73) size 207x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 201x17 |
| RenderBlock {DIV} at (0,8) size 0x1 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| RenderBlock {DIV} at (185,0) size 16x17 |
| RenderText {#text} at (410,76) size 4x17 |
| text run at (410,76) width 4: " " |
| RenderTextControl {INPUT} at (416,73) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,100) size 207x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 201x17 |
| RenderBlock {DIV} at (0,8) size 0x1 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| RenderBlock {DIV} at (185,0) size 16x17 |
| RenderText {#text} at (211,103) size 4x17 |
| text run at (211,103) width 4: " " |
| RenderTextControl {INPUT} at (217,100) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,315) size 784x71 |
| 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,22) size 239x17 |
| text run at (0,22) width 239: "Clip to ellipsis (should show ellipsis): " |
| RenderTextControl {INPUT} at (241,19) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (434,22) size 4x17 |
| text run at (434,22) width 4: " " |
| RenderTextControl {INPUT} at (440,19) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (633,22) size 4x17 |
| text run at (633,22) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| RenderText {#text} at (0,49) size 262x17 |
| text run at (0,49) width 262: "Ellipsis to clip (should not show ellipsis): " |
| RenderTextControl {INPUT} at (264,46) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (457,49) size 4x17 |
| text run at (457,49) width 4: " " |
| RenderTextControl {INPUT} at (463,46) size 191x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (656,49) size 4x17 |
| text run at (656,49) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| layer at (13,71) size 185x17 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,71) size 185x17 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| layer at (212,71) size 185x17 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (212,71) size 185x17 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| layer at (427,71) size 185x17 scrollWidth 384 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,98) size 185x17 scrollWidth 384 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (228,98) size 185x17 scrollWidth 331 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| 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,125) size 185x17 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9] |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,125) size 185x17 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| layer at (212,125) size 185x17 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9] |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (212,125) size 185x17 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| layer at (427,125) size 185x17 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,152) size 185x17 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (228,152) size 185x17 scrollX 145 scrollWidth 330 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| RenderText {#text} at (-145,0) size 330x17 |
| text run at (-145,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,212) size 185x17 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,212) size 185x17 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| layer at (212,212) size 185x17 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (212,212) size 185x17 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| layer at (427,212) size 185x17 scrollWidth 384 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,239) size 185x17 scrollWidth 384 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (228,239) size 185x17 scrollWidth 331 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| 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,266) size 185x17 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9] |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,266) size 185x17 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| layer at (212,266) size 185x17 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9] |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (212,266) size 185x17 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| layer at (427,266) size 185x17 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,293) size 185x17 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (0,0) size 185x17 |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (228,293) size 185x17 scrollX 145 scrollWidth 330 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| RenderText {#text} at (-145,0) size 330x17 |
| text run at (-145,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,353) size 185x17 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (252,353) size 185x17 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| layer at (451,353) size 185x17 scrollWidth 384 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (275,380) size 185x17 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x17 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (275,380) size 185x17 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| layer at (474,380) size 185x17 scrollWidth 384 |
| RenderBlock {DIV} at (3,3) size 185x17 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |