| 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 307x17 |
| text run at (0,0) width 307: "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 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (195,23) size 4x17 |
| text run at (195,23) width 4: " " |
| RenderTextControl {INPUT} at (201,20) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 216x18 |
| RenderBlock {DIV} at (0,9) size 0x0 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderBlock {DIV} at (185,0) size 31x18 |
| RenderText {#text} at (425,23) size 4x17 |
| text run at (425,23) width 4: " " |
| RenderTextControl {INPUT} at (431,20) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,48) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 216x18 |
| RenderBlock {DIV} at (0,9) size 0x0 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderBlock {DIV} at (185,0) size 31x18 |
| RenderText {#text} at (226,51) size 4x17 |
| text run at (226,51) width 4: " " |
| RenderTextControl {INPUT} at (232,48) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 185x18 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderBR {BR} at (425,51) size 0x17 |
| RenderTextControl {INPUT} at (2,76) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (195,79) size 4x17 |
| text run at (195,79) width 4: " " |
| RenderTextControl {INPUT} at (201,76) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 216x18 |
| RenderBlock {DIV} at (216,9) size 0x0 |
| RenderBlock {DIV} at (31,0) size 185x18 |
| RenderBlock {DIV} at (0,0) size 31x18 |
| RenderText {#text} at (425,79) size 4x17 |
| text run at (425,79) width 4: " " |
| RenderTextControl {INPUT} at (431,76) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,104) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 216x18 |
| RenderBlock {DIV} at (216,9) size 0x0 |
| RenderBlock {DIV} at (31,0) size 185x18 |
| RenderBlock {DIV} at (0,0) size 31x18 |
| RenderText {#text} at (226,107) size 4x17 |
| text run at (226,107) width 4: " " |
| RenderTextControl {INPUT} at (232,104) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 185x18 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| 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 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (195,23) size 4x17 |
| text run at (195,23) width 4: " " |
| RenderTextControl {INPUT} at (201,20) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 216x18 |
| RenderBlock {DIV} at (0,9) size 0x0 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderBlock {DIV} at (185,0) size 31x18 |
| RenderText {#text} at (425,23) size 4x17 |
| text run at (425,23) width 4: " " |
| RenderTextControl {INPUT} at (431,20) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,48) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 216x18 |
| RenderBlock {DIV} at (0,9) size 0x0 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderBlock {DIV} at (185,0) size 31x18 |
| RenderText {#text} at (226,51) size 4x17 |
| text run at (226,51) width 4: " " |
| RenderTextControl {INPUT} at (232,48) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 185x18 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderBR {BR} at (425,51) size 0x17 |
| RenderTextControl {INPUT} at (2,76) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (195,79) size 4x17 |
| text run at (195,79) width 4: " " |
| RenderTextControl {INPUT} at (201,76) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 216x18 |
| RenderBlock {DIV} at (216,9) size 0x0 |
| RenderBlock {DIV} at (31,0) size 185x18 |
| RenderBlock {DIV} at (0,0) size 31x18 |
| RenderText {#text} at (425,79) size 4x17 |
| text run at (425,79) width 4: " " |
| RenderTextControl {INPUT} at (431,76) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,104) size 222x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 216x18 |
| RenderBlock {DIV} at (216,9) size 0x0 |
| RenderBlock {DIV} at (31,0) size 185x18 |
| RenderBlock {DIV} at (0,0) size 31x18 |
| RenderText {#text} at (226,107) size 4x17 |
| text run at (226,107) width 4: " " |
| RenderTextControl {INPUT} at (232,104) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 185x18 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| 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 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (434,23) size 4x17 |
| text run at (434,23) width 4: " " |
| RenderTextControl {INPUT} at (440,20) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (633,23) size 4x17 |
| text run at (633,23) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| 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 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (457,51) size 4x17 |
| text run at (457,51) width 4: " " |
| RenderTextControl {INPUT} at (463,48) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (656,51) size 4x17 |
| text run at (656,51) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| layer at (13,73) size 185x18 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x18 [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,73) size 185x18 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| layer at (212,73) size 185x18 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x18 [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,73) size 185x18 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| layer at (442,73) size 185x18 scrollWidth 384 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| 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,101) size 185x18 scrollWidth 384 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (243,101) size 185x18 scrollWidth 331 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| 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 185x18 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x18 [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,129) size 185x18 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| layer at (243,129) size 185x18 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (34,3) size 185x18 [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 (243,129) size 185x18 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| layer at (442,129) size 185x18 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (44,157) size 185x18 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (243,157) size 185x18 scrollX 145 scrollWidth 330 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| 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,219) size 185x18 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x18 [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,219) size 185x18 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| layer at (212,219) size 185x18 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x18 [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,219) size 185x18 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| layer at (442,219) size 185x18 scrollWidth 384 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| 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,247) size 185x18 scrollWidth 384 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (243,247) size 185x18 scrollWidth 331 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| 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 185x18 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x18 [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,275) size 185x18 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| layer at (243,275) size 185x18 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (34,3) size 185x18 [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 (243,275) size 185x18 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| layer at (442,275) size 185x18 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (44,303) size 185x18 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (243,303) size 185x18 scrollX 145 scrollWidth 330 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| 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,365) size 185x18 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x18 [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,365) size 185x18 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| layer at (451,365) size 185x18 scrollWidth 384 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| 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,393) size 185x18 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x18 [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,393) size 185x18 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| layer at (474,393) size 185x18 scrollWidth 384 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
