| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x290 |
| RenderBlock {HTML} at (0,0) size 800x290 |
| RenderBody {BODY} at (8,16) size 784x258 |
| RenderBlock {P} at (0,0) size 784x18 |
| RenderText {#text} at (0,0) size 308x18 |
| text run at (0,0) width 308: "This test is a basic check for using text-overflow." |
| RenderBlock {P} at (0,34) size 784x64 |
| RenderText {#text} at (0,0) size 481x18 |
| 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 0x18 |
| RenderTextControl {INPUT} at (2,20) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (127,20) size 4x18 |
| text run at (127,20) width 4: " " |
| RenderTextControl {INPUT} at (133,20) size 144x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 138x13 |
| RenderBlock {DIV} at (0,1) size 8x11 |
| RenderBlock {DIV} at (8,0) size 117x13 |
| RenderBlock {DIV} at (125,1) size 13x11 |
| RenderText {#text} at (279,20) size 4x18 |
| text run at (279,20) width 4: " " |
| RenderTextControl {INPUT} at (285,20) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (410,20) size 4x18 |
| text run at (410,20) width 4: " " |
| RenderTextControl {INPUT} at (416,20) size 144x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 138x13 |
| RenderBlock {DIV} at (0,1) size 8x11 |
| RenderBlock {DIV} at (8,0) size 117x13 |
| RenderBlock {DIV} at (125,1) size 13x11 |
| RenderText {#text} at (562,20) size 4x18 |
| text run at (562,20) width 4: " " |
| RenderTextControl {INPUT} at (568,20) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderBR {BR} at (693,20) size 0x18 |
| RenderTextControl {INPUT} at (2,43) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (127,43) size 4x18 |
| text run at (127,43) width 4: " " |
| RenderTextControl {INPUT} at (133,43) size 144x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 138x13 |
| RenderBlock {DIV} at (0,1) size 8x11 |
| RenderBlock {DIV} at (8,0) size 117x13 |
| RenderBlock {DIV} at (125,1) size 13x11 |
| RenderText {#text} at (279,43) size 4x18 |
| text run at (279,43) width 4: " " |
| RenderTextControl {INPUT} at (285,43) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (410,43) size 4x18 |
| text run at (410,43) width 4: " " |
| RenderTextControl {INPUT} at (416,43) size 144x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 138x13 |
| RenderBlock {DIV} at (0,1) size 8x11 |
| RenderBlock {DIV} at (8,0) size 117x13 |
| RenderBlock {DIV} at (125,1) size 13x11 |
| RenderText {#text} at (562,43) size 4x18 |
| text run at (562,43) width 4: " " |
| RenderTextControl {INPUT} at (568,43) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,114) size 784x64 |
| RenderText {#text} at (0,0) size 536x18 |
| 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 0x18 |
| RenderTextControl {INPUT} at (2,20) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (127,20) size 4x18 |
| text run at (127,20) width 4: " " |
| RenderTextControl {INPUT} at (133,20) size 144x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 138x13 |
| RenderBlock {DIV} at (0,1) size 8x11 |
| RenderBlock {DIV} at (8,0) size 117x13 |
| RenderBlock {DIV} at (125,1) size 13x11 |
| RenderText {#text} at (279,20) size 4x18 |
| text run at (279,20) width 4: " " |
| RenderTextControl {INPUT} at (285,20) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (410,20) size 4x18 |
| text run at (410,20) width 4: " " |
| RenderTextControl {INPUT} at (416,20) size 144x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 138x13 |
| RenderBlock {DIV} at (0,1) size 8x11 |
| RenderBlock {DIV} at (8,0) size 117x13 |
| RenderBlock {DIV} at (125,1) size 13x11 |
| RenderText {#text} at (562,20) size 4x18 |
| text run at (562,20) width 4: " " |
| RenderTextControl {INPUT} at (568,20) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderBR {BR} at (693,20) size 0x18 |
| RenderTextControl {INPUT} at (2,43) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (127,43) size 4x18 |
| text run at (127,43) width 4: " " |
| RenderTextControl {INPUT} at (133,43) size 144x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 138x13 |
| RenderBlock {DIV} at (0,1) size 8x11 |
| RenderBlock {DIV} at (8,0) size 117x13 |
| RenderBlock {DIV} at (125,1) size 13x11 |
| RenderText {#text} at (279,43) size 4x18 |
| text run at (279,43) width 4: " " |
| RenderTextControl {INPUT} at (285,43) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (410,43) size 4x18 |
| text run at (410,43) width 4: " " |
| RenderTextControl {INPUT} at (416,43) size 144x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 138x13 |
| RenderBlock {DIV} at (0,1) size 8x11 |
| RenderBlock {DIV} at (8,0) size 117x13 |
| RenderBlock {DIV} at (125,1) size 13x11 |
| RenderText {#text} at (562,43) size 4x18 |
| text run at (562,43) width 4: " " |
| RenderTextControl {INPUT} at (568,43) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,194) size 784x64 |
| RenderText {#text} at (0,0) size 233x18 |
| text run at (0,0) width 233: "Dynamic style change text-overflow:" |
| RenderBR {BR} at (233,0) size 0x18 |
| RenderText {#text} at (0,20) size 239x18 |
| text run at (0,20) width 239: "Clip to ellipsis (should show ellipsis): " |
| RenderTextControl {INPUT} at (241,20) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (366,20) size 4x18 |
| text run at (366,20) width 4: " " |
| RenderTextControl {INPUT} at (372,20) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (497,20) size 4x18 |
| text run at (497,20) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| RenderText {#text} at (0,43) size 262x18 |
| text run at (0,43) width 262: "Ellipsis to clip (should not show ellipsis): " |
| RenderTextControl {INPUT} at (264,43) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (389,43) size 4x18 |
| text run at (389,43) width 4: " " |
| RenderTextControl {INPUT} at (395,43) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (520,43) size 4x18 |
| text run at (520,43) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| layer at (13,73) size 117x13 scrollWidth 295 |
| RenderBlock {DIV} at (3,3) size 117x13 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,73) size 117x13 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| layer at (152,73) size 117x13 scrollWidth 295 |
| RenderBlock {DIV} at (11,3) size 117x13 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (152,73) size 117x13 |
| RenderBlock {DIV} at (0,0) size 117x13 |
| layer at (296,73) size 117x13 scrollWidth 297 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| RenderText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (435,73) size 117x13 scrollWidth 297 |
| RenderBlock {DIV} at (0,0) size 117x13 |
| RenderText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (579,73) size 117x13 scrollWidth 341 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| RenderText {#text} at (0,0) size 340x13 |
| text run at (0,0) width 340: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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,96) size 117x13 scrollX 178 scrollWidth 295 |
| RenderBlock {DIV} at (3,3) size 117x13 [color=#A9A9A9] |
| RenderText {#text} at (-178,0) size 296x13 |
| text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,96) size 117x13 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| layer at (152,96) size 117x13 scrollX 178 scrollWidth 295 |
| RenderBlock {DIV} at (11,3) size 117x13 [color=#A9A9A9] |
| RenderText {#text} at (-178,0) size 296x13 |
| text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (152,96) size 117x13 |
| RenderBlock {DIV} at (0,0) size 117x13 |
| layer at (296,96) size 117x13 scrollX 178 scrollWidth 295 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| RenderText {#text} at (-178,0) size 296x13 |
| text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (435,96) size 117x13 scrollX 178 scrollWidth 295 |
| RenderBlock {DIV} at (0,0) size 117x13 |
| RenderText {#text} at (-178,0) size 296x13 |
| text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (579,96) size 117x13 scrollX 222 scrollWidth 339 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| RenderText {#text} at (-222,0) size 340x13 |
| text run at (-222,0) width 339 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,153) size 117x13 scrollWidth 295 |
| RenderBlock {DIV} at (3,3) size 117x13 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,153) size 117x13 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| layer at (152,153) size 117x13 scrollWidth 295 |
| RenderBlock {DIV} at (11,3) size 117x13 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (152,153) size 117x13 |
| RenderBlock {DIV} at (0,0) size 117x13 |
| layer at (296,153) size 117x13 scrollWidth 297 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| RenderText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (435,153) size 117x13 scrollWidth 297 |
| RenderBlock {DIV} at (0,0) size 117x13 |
| RenderText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (579,153) size 117x13 scrollWidth 341 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| RenderText {#text} at (0,0) size 340x13 |
| text run at (0,0) width 340: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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,176) size 117x13 scrollX 178 scrollWidth 295 |
| RenderBlock {DIV} at (3,3) size 117x13 [color=#A9A9A9] |
| RenderText {#text} at (-178,0) size 296x13 |
| text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,176) size 117x13 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| layer at (152,176) size 117x13 scrollX 178 scrollWidth 295 |
| RenderBlock {DIV} at (11,3) size 117x13 [color=#A9A9A9] |
| RenderText {#text} at (-178,0) size 296x13 |
| text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (152,176) size 117x13 |
| RenderBlock {DIV} at (0,0) size 117x13 |
| layer at (296,176) size 117x13 scrollX 178 scrollWidth 295 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| RenderText {#text} at (-178,0) size 296x13 |
| text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (435,176) size 117x13 scrollX 178 scrollWidth 295 |
| RenderBlock {DIV} at (0,0) size 117x13 |
| RenderText {#text} at (-178,0) size 296x13 |
| text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (579,176) size 117x13 scrollX 222 scrollWidth 339 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| RenderText {#text} at (-222,0) size 340x13 |
| text run at (-222,0) width 339 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,233) size 117x13 scrollWidth 295 |
| RenderBlock {DIV} at (3,3) size 117x13 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (252,233) size 117x13 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| layer at (383,233) size 117x13 scrollWidth 297 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| RenderText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (275,256) size 117x13 scrollWidth 295 |
| RenderBlock {DIV} at (3,3) size 117x13 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (275,256) size 117x13 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| layer at (406,256) size 117x13 scrollWidth 297 |
| RenderBlock {DIV} at (3,3) size 117x13 |
| RenderText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
