layer at (0,0) size 800x600 RenderView at (0,0) size 800x600 layer at (0,0) size 800x382 RenderBlock {HTML} at (0,0) size 800x382 RenderBody {BODY} at (8,16) size 784x350 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 784x110 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 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (149,20) size 5x18 text run at (149,20) width 5: " " RenderTextControl {INPUT} at (155,20) size 167x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,3) size 161x13 RenderBlock {DIV} at (0,1) size 8x11 RenderBlock {DIV} at (8,0) size 140x13 RenderBlock {DIV} at (147,1) size 14x11 RenderText {#text} at (323,20) size 5x18 text run at (323,20) width 5: " " RenderTextControl {INPUT} at (329,20) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (476,20) size 5x18 text run at (476,20) width 5: " " RenderTextControl {INPUT} at (482,20) size 167x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,3) size 161x13 RenderBlock {DIV} at (0,1) size 8x11 RenderBlock {DIV} at (8,0) size 140x13 RenderBlock {DIV} at (147,1) size 14x11 RenderText {#text} at (0,0) size 0x0 RenderTextControl {INPUT} at (2,43) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderBR {BR} at (149,43) size 1x18 RenderTextControl {INPUT} at (2,66) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (149,66) size 5x18 text run at (149,66) width 5: " " RenderTextControl {INPUT} at (155,66) size 167x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,3) size 161x13 RenderBlock {DIV} at (0,1) size 8x11 RenderBlock {DIV} at (8,0) size 140x13 RenderBlock {DIV} at (147,1) size 14x11 RenderText {#text} at (323,66) size 5x18 text run at (323,66) width 5: " " RenderTextControl {INPUT} at (329,66) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (476,66) size 5x18 text run at (476,66) width 5: " " RenderTextControl {INPUT} at (482,66) size 167x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,3) size 161x13 RenderBlock {DIV} at (0,1) size 8x11 RenderBlock {DIV} at (8,0) size 140x13 RenderBlock {DIV} at (147,1) size 14x11 RenderText {#text} at (0,0) size 0x0 RenderTextControl {INPUT} at (2,89) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (0,160) size 784x110 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 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (149,20) size 5x18 text run at (149,20) width 5: " " RenderTextControl {INPUT} at (155,20) size 167x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,3) size 161x13 RenderBlock {DIV} at (0,1) size 8x11 RenderBlock {DIV} at (8,0) size 140x13 RenderBlock {DIV} at (147,1) size 14x11 RenderText {#text} at (323,20) size 5x18 text run at (323,20) width 5: " " RenderTextControl {INPUT} at (329,20) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (476,20) size 5x18 text run at (476,20) width 5: " " RenderTextControl {INPUT} at (482,20) size 167x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,3) size 161x13 RenderBlock {DIV} at (0,1) size 8x11 RenderBlock {DIV} at (8,0) size 140x13 RenderBlock {DIV} at (147,1) size 14x11 RenderText {#text} at (0,0) size 0x0 RenderTextControl {INPUT} at (2,43) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderBR {BR} at (149,43) size 1x18 RenderTextControl {INPUT} at (2,66) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (149,66) size 5x18 text run at (149,66) width 5: " " RenderTextControl {INPUT} at (155,66) size 167x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,3) size 161x13 RenderBlock {DIV} at (0,1) size 8x11 RenderBlock {DIV} at (8,0) size 140x13 RenderBlock {DIV} at (147,1) size 14x11 RenderText {#text} at (323,66) size 5x18 text run at (323,66) width 5: " " RenderTextControl {INPUT} at (329,66) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (476,66) size 5x18 text run at (476,66) width 5: " " RenderTextControl {INPUT} at (482,66) size 167x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,3) size 161x13 RenderBlock {DIV} at (0,1) size 8x11 RenderBlock {DIV} at (8,0) size 140x13 RenderBlock {DIV} at (147,1) size 14x11 RenderText {#text} at (0,0) size 0x0 RenderTextControl {INPUT} at (2,89) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (0,286) 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 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (388,20) size 5x18 text run at (388,20) width 5: " " RenderTextControl {INPUT} at (394,20) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (541,20) size 5x18 text run at (541,20) width 5: " " 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 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (411,43) size 5x18 text run at (411,43) width 5: " " RenderTextControl {INPUT} at (417,43) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (564,43) size 5x18 text run at (564,43) width 5: " " RenderBR {BR} at (0,0) size 0x0 layer at (13,73) size 139x13 scrollWidth 293 RenderBlock {DIV} at (3,3) size 140x13 [color=#A9A9A9] RenderText {#text} at (0,0) size 293x13 text run at (0,0) width 293: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,73) size 139x13 RenderBlock {DIV} at (3,3) size 140x13 layer at (174,73) size 139x13 scrollWidth 293 RenderBlock {DIV} at (11,3) size 140x13 [color=#A9A9A9] RenderText {#text} at (0,0) size 293x13 text run at (0,0) width 293: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (174,73) size 139x13 RenderBlock {DIV} at (0,0) size 140x13 layer at (340,73) size 139x13 scrollWidth 294 RenderBlock {DIV} at (3,3) size 140x13 RenderText {#text} at (0,0) size 293x13 text run at (0,0) width 293: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (501,73) size 139x13 scrollWidth 294 RenderBlock {DIV} at (0,0) size 140x13 RenderText {#text} at (0,0) size 293x13 text run at (0,0) width 293: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,96) size 139x13 scrollWidth 341 RenderBlock {DIV} at (3,3) size 140x13 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,119) size 139x13 scrollX 153 scrollWidth 293 RenderBlock {DIV} at (3,3) size 140x13 [color=#A9A9A9] RenderText {#text} at (-153,0) size 293x13 text run at (-153,0) width 292: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,119) size 139x13 RenderBlock {DIV} at (3,3) size 140x13 layer at (174,119) size 139x13 scrollX 153 scrollWidth 293 RenderBlock {DIV} at (11,3) size 140x13 [color=#A9A9A9] RenderText {#text} at (-153,0) size 293x13 text run at (-153,0) width 292: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (174,119) size 139x13 RenderBlock {DIV} at (0,0) size 140x13 layer at (340,119) size 139x13 scrollX 153 scrollWidth 293 RenderBlock {DIV} at (3,3) size 140x13 RenderText {#text} at (-153,0) size 293x13 text run at (-153,0) width 292: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (501,119) size 139x13 scrollX 153 scrollWidth 293 RenderBlock {DIV} at (0,0) size 140x13 RenderText {#text} at (-153,0) size 293x13 text run at (-153,0) width 292: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,142) size 139x13 scrollX 200 scrollWidth 339 RenderBlock {DIV} at (3,3) size 140x13 RenderText {#text} at (-200,0) size 340x13 text run at (-200,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,199) size 139x13 scrollWidth 293 RenderBlock {DIV} at (3,3) size 140x13 [color=#A9A9A9] RenderText {#text} at (0,0) size 293x13 text run at (0,0) width 293: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,199) size 139x13 RenderBlock {DIV} at (3,3) size 140x13 layer at (174,199) size 139x13 scrollWidth 293 RenderBlock {DIV} at (11,3) size 140x13 [color=#A9A9A9] RenderText {#text} at (0,0) size 293x13 text run at (0,0) width 293: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (174,199) size 139x13 RenderBlock {DIV} at (0,0) size 140x13 layer at (340,199) size 139x13 scrollWidth 294 RenderBlock {DIV} at (3,3) size 140x13 RenderText {#text} at (0,0) size 293x13 text run at (0,0) width 293: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (501,199) size 139x13 scrollWidth 294 RenderBlock {DIV} at (0,0) size 140x13 RenderText {#text} at (0,0) size 293x13 text run at (0,0) width 293: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,222) size 139x13 scrollWidth 341 RenderBlock {DIV} at (3,3) size 140x13 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,245) size 139x13 scrollX 153 scrollWidth 293 RenderBlock {DIV} at (3,3) size 140x13 [color=#A9A9A9] RenderText {#text} at (-153,0) size 293x13 text run at (-153,0) width 292: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,245) size 139x13 RenderBlock {DIV} at (3,3) size 140x13 layer at (174,245) size 139x13 scrollX 153 scrollWidth 293 RenderBlock {DIV} at (11,3) size 140x13 [color=#A9A9A9] RenderText {#text} at (-153,0) size 293x13 text run at (-153,0) width 292: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (174,245) size 139x13 RenderBlock {DIV} at (0,0) size 140x13 layer at (340,245) size 139x13 scrollX 153 scrollWidth 293 RenderBlock {DIV} at (3,3) size 140x13 RenderText {#text} at (-153,0) size 293x13 text run at (-153,0) width 292: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (501,245) size 139x13 scrollX 153 scrollWidth 293 RenderBlock {DIV} at (0,0) size 140x13 RenderText {#text} at (-153,0) size 293x13 text run at (-153,0) width 292: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,268) size 139x13 scrollX 200 scrollWidth 339 RenderBlock {DIV} at (3,3) size 140x13 RenderText {#text} at (-200,0) size 340x13 text run at (-200,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,325) size 139x13 scrollWidth 293 RenderBlock {DIV} at (3,3) size 140x13 [color=#A9A9A9] RenderText {#text} at (0,0) size 293x13 text run at (0,0) width 293: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (252,325) size 139x13 RenderBlock {DIV} at (3,3) size 140x13 layer at (405,325) size 139x13 scrollWidth 294 RenderBlock {DIV} at (3,3) size 140x13 RenderText {#text} at (0,0) size 293x13 text run at (0,0) width 293: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (275,348) size 139x13 scrollWidth 293 RenderBlock {DIV} at (3,3) size 140x13 [color=#A9A9A9] RenderText {#text} at (0,0) size 293x13 text run at (0,0) width 293: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (275,348) size 139x13 RenderBlock {DIV} at (3,3) size 140x13 layer at (428,348) size 139x13 scrollWidth 294 RenderBlock {DIV} at (3,3) size 140x13 RenderText {#text} at (0,0) size 293x13 text run at (0,0) width 293: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"