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 314x18 text run at (0,0) width 314: "This test is a basic check for using text-overflow." RenderBlock {P} at (0,34) size 784x110 RenderText {#text} at (0,0) size 489x18 text run at (0,0) width 489: "Apply \"text-overflow:clip\" to inputs. The following input should be clipped:" RenderBR {BR} at (488,0) size 1x18 RenderTextControl {INPUT} at (2,20) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (150,20) size 5x18 text run at (150,20) width 5: " " RenderTextControl {INPUT} at (156,20) size 175x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,0) size 168x19 RenderBlock {DIV} at (0,0) size 8x19 RenderBlock {DIV} at (8,3) size 141x13 RenderBlock {DIV} at (148,0) size 20x19 RenderText {#text} at (332,20) size 5x18 text run at (332,20) width 5: " " RenderTextControl {INPUT} at (338,20) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (487,20) size 5x18 text run at (487,20) width 5: " " RenderTextControl {INPUT} at (493,20) size 175x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,0) size 168x19 RenderBlock {DIV} at (0,0) size 8x19 RenderBlock {DIV} at (8,3) size 141x13 RenderBlock {DIV} at (148,0) size 20x19 RenderText {#text} at (0,0) size 0x0 RenderTextControl {INPUT} at (2,43) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,3) size 141x13 RenderBlock {DIV} at (0,0) size 141x13 RenderBR {BR} at (150,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 174x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,0) size 167x19 RenderBlock {DIV} at (158,0) size 9x19 RenderBlock {DIV} at (19,3) size 140x13 RenderBlock {DIV} at (0,0) size 19x19 RenderText {#text} at (330,66) size 5x18 text run at (330,66) width 5: " " RenderTextControl {INPUT} at (336,66) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (484,66) size 5x18 text run at (484,66) width 5: " " RenderTextControl {INPUT} at (490,66) size 174x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,0) size 167x19 RenderBlock {DIV} at (158,0) size 9x19 RenderBlock {DIV} at (19,3) size 140x13 RenderBlock {DIV} at (0,0) size 19x19 RenderText {#text} at (0,0) size 0x0 RenderTextControl {INPUT} at (2,89) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,3) size 140x13 RenderBlock {DIV} at (0,0) size 140x13 RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (0,160) size 784x110 RenderText {#text} at (0,0) size 546x18 text run at (0,0) width 546: "Apply \"text-overflow:ellipsis\" to inputs. The following input should show an ellipsis:" RenderBR {BR} at (545,0) size 1x18 RenderTextControl {INPUT} at (2,20) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (150,20) size 5x18 text run at (150,20) width 5: " " RenderTextControl {INPUT} at (156,20) size 175x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,0) size 168x19 RenderBlock {DIV} at (0,0) size 8x19 RenderBlock {DIV} at (8,3) size 141x13 RenderBlock {DIV} at (148,0) size 20x19 RenderText {#text} at (332,20) size 5x18 text run at (332,20) width 5: " " RenderTextControl {INPUT} at (338,20) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (487,20) size 5x18 text run at (487,20) width 5: " " RenderTextControl {INPUT} at (493,20) size 175x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,0) size 168x19 RenderBlock {DIV} at (0,0) size 8x19 RenderBlock {DIV} at (8,3) size 141x13 RenderBlock {DIV} at (148,0) size 20x19 RenderText {#text} at (0,0) size 0x0 RenderTextControl {INPUT} at (2,43) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,3) size 141x13 RenderBlock {DIV} at (0,0) size 141x13 RenderBR {BR} at (150,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 174x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,0) size 167x19 RenderBlock {DIV} at (158,0) size 9x19 RenderBlock {DIV} at (19,3) size 140x13 RenderBlock {DIV} at (0,0) size 19x19 RenderText {#text} at (330,66) size 5x18 text run at (330,66) width 5: " " RenderTextControl {INPUT} at (336,66) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (484,66) size 5x18 text run at (484,66) width 5: " " RenderTextControl {INPUT} at (490,66) size 174x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,0) size 167x19 RenderBlock {DIV} at (158,0) size 9x19 RenderBlock {DIV} at (19,3) size 140x13 RenderBlock {DIV} at (0,0) size 19x19 RenderText {#text} at (0,0) size 0x0 RenderTextControl {INPUT} at (2,89) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderFlexibleBox {DIV} at (3,3) size 140x13 RenderBlock {DIV} at (0,0) size 140x13 RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (0,286) size 784x64 RenderText {#text} at (0,0) size 237x18 text run at (0,0) width 237: "Dynamic style change text-overflow:" RenderBR {BR} at (236,0) size 1x18 RenderText {#text} at (0,20) size 247x18 text run at (0,20) width 247: "Clip to ellipsis (should show ellipsis): " RenderTextControl {INPUT} at (248,20) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (397,20) size 5x18 text run at (397,20) width 5: " " RenderTextControl {INPUT} at (403,20) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (551,20) size 5x18 text run at (551,20) width 5: " " RenderBR {BR} at (555,20) size 1x18 RenderText {#text} at (0,43) size 270x18 text run at (0,43) width 270: "Ellipsis to clip (should not show ellipsis): " RenderTextControl {INPUT} at (271,43) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (420,43) size 5x18 text run at (420,43) width 5: " " RenderTextControl {INPUT} at (426,43) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] RenderText {#text} at (575,43) size 5x18 text run at (575,43) width 5: " " RenderBR {BR} at (579,43) size 1x18 layer at (13,73) size 141x13 scrollWidth 288 RenderBlock {DIV} at (3,3) size 141x13 [color=#A9A9A9] RenderText {#text} at (0,0) size 288x13 text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,73) size 141x13 RenderBlock {DIV} at (3,3) size 141x13 layer at (176,73) size 141x13 scrollWidth 288 RenderBlock {DIV} at (11,3) size 141x13 [color=#A9A9A9] RenderText {#text} at (0,0) size 288x13 text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (176,73) size 141x13 RenderBlock {DIV} at (0,0) size 141x13 layer at (350,73) size 141x13 scrollWidth 289 RenderBlock {DIV} at (3,3) size 141x13 RenderText {#text} at (0,0) size 288x13 text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (513,73) size 141x13 scrollWidth 289 RenderBlock {DIV} at (0,0) size 141x13 RenderText {#text} at (0,0) size 288x13 text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,96) size 141x13 scrollWidth 386 RenderBlock {DIV} at (0,0) size 141x13 RenderText {#text} at (0,0) size 385x13 text run at (0,0) width 385: "\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}" layer at (13,119) size 140x13 scrollX 148 scrollWidth 288 RenderBlock {DIV} at (3,3) size 140x13 [color=#A9A9A9] RenderText {#text} at (-147,0) size 288x13 text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,119) size 140x13 RenderBlock {DIV} at (3,3) size 140x13 layer at (186,119) size 140x13 scrollX 148 scrollWidth 288 RenderBlock {DIV} at (22,3) size 140x13 [color=#A9A9A9] RenderText {#text} at (-147,0) size 288x13 text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (186,119) size 140x13 RenderBlock {DIV} at (0,0) size 140x13 layer at (348,119) size 140x13 scrollX 149 scrollWidth 289 RenderBlock {DIV} at (3,3) size 140x13 RenderText {#text} at (-147,0) size 288x13 text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (521,119) size 140x13 scrollX 149 scrollWidth 289 RenderBlock {DIV} at (0,0) size 140x13 RenderText {#text} at (-147,0) size 288x13 text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,142) size 140x13 scrollX 246 scrollWidth 386 RenderBlock {DIV} at (0,0) size 140x13 RenderText {#text} at (-244,0) size 385x13 text run at (-244,0) width 384: "\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}" layer at (13,199) size 141x13 scrollWidth 288 RenderBlock {DIV} at (3,3) size 141x13 [color=#A9A9A9] RenderText {#text} at (0,0) size 288x13 text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,199) size 141x13 RenderBlock {DIV} at (3,3) size 141x13 layer at (176,199) size 141x13 scrollWidth 288 RenderBlock {DIV} at (11,3) size 141x13 [color=#A9A9A9] RenderText {#text} at (0,0) size 288x13 text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (176,199) size 141x13 RenderBlock {DIV} at (0,0) size 141x13 layer at (350,199) size 141x13 scrollWidth 289 RenderBlock {DIV} at (3,3) size 141x13 RenderText {#text} at (0,0) size 288x13 text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (513,199) size 141x13 scrollWidth 289 RenderBlock {DIV} at (0,0) size 141x13 RenderText {#text} at (0,0) size 288x13 text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,222) size 141x13 scrollWidth 386 RenderBlock {DIV} at (0,0) size 141x13 RenderText {#text} at (0,0) size 385x13 text run at (0,0) width 385: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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 140x13 scrollX 148 scrollWidth 288 RenderBlock {DIV} at (3,3) size 140x13 [color=#A9A9A9] RenderText {#text} at (-147,0) size 288x13 text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,245) size 140x13 RenderBlock {DIV} at (3,3) size 140x13 layer at (186,245) size 140x13 scrollX 148 scrollWidth 288 RenderBlock {DIV} at (22,3) size 140x13 [color=#A9A9A9] RenderText {#text} at (-147,0) size 288x13 text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (186,245) size 140x13 RenderBlock {DIV} at (0,0) size 140x13 layer at (348,245) size 140x13 scrollX 148 scrollWidth 288 RenderBlock {DIV} at (3,3) size 140x13 RenderText {#text} at (-147,0) size 288x13 text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (521,245) size 140x13 scrollX 148 scrollWidth 288 RenderBlock {DIV} at (0,0) size 140x13 RenderText {#text} at (-147,0) size 288x13 text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (13,268) size 140x13 scrollX 245 scrollWidth 385 RenderBlock {DIV} at (0,0) size 140x13 RenderText {#text} at (-244,0) size 385x13 text run at (-244,0) width 384 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 (259,325) size 141x13 scrollWidth 288 RenderBlock {DIV} at (3,3) size 141x13 [color=#A9A9A9] RenderText {#text} at (0,0) size 288x13 text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (259,325) size 141x13 RenderBlock {DIV} at (3,3) size 141x13 layer at (414,325) size 141x13 scrollWidth 289 RenderBlock {DIV} at (3,3) size 141x13 RenderText {#text} at (0,0) size 288x13 text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (283,348) size 141x13 scrollWidth 288 RenderBlock {DIV} at (3,3) size 141x13 [color=#A9A9A9] RenderText {#text} at (0,0) size 288x13 text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (283,348) size 141x13 RenderBlock {DIV} at (3,3) size 141x13 layer at (438,348) size 141x13 scrollWidth 289 RenderBlock {DIV} at (3,3) size 141x13 RenderText {#text} at (0,0) size 288x13 text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"