| 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 282 |
| RenderBlock {DIV} at (0,0) size 141x13 |
| RenderText {#text} at (0,0) size 282x13 |
| text run at (0,0) width 282: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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 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 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,119) 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,142) size 140x13 scrollX 141 scrollWidth 281 |
| RenderBlock {DIV} at (0,0) size 140x13 |
| RenderText {#text} at (-141,0) size 282x13 |
| text run at (-141,0) width 281 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 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 282 |
| RenderBlock {DIV} at (0,0) size 141x13 |
| RenderText {#text} at (0,0) size 282x13 |
| text run at (0,0) width 282: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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 141 scrollWidth 281 |
| RenderBlock {DIV} at (0,0) size 140x13 |
| RenderText {#text} at (-141,0) size 282x13 |
| text run at (-141,0) width 281 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" |
