| 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 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 174x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,0) size 167x19 |
| RenderBlock {DIV} at (0,0) size 8x19 |
| RenderBlock {DIV} at (8,3) size 140x13 |
| RenderBlock {DIV} at (147,0) size 20x19 |
| RenderText {#text} at (330,20) size 5x18 |
| text run at (330,20) width 5: " " |
| RenderTextControl {INPUT} at (336,20) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (484,20) size 5x18 |
| text run at (484,20) width 5: " " |
| RenderTextControl {INPUT} at (490,20) size 174x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,0) size 167x19 |
| RenderBlock {DIV} at (0,0) size 8x19 |
| RenderBlock {DIV} at (8,3) size 140x13 |
| RenderBlock {DIV} at (147,0) size 20x19 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,43) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 140x13 |
| RenderBlock {DIV} at (0,0) size 140x13 |
| 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 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 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 174x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,0) size 167x19 |
| RenderBlock {DIV} at (0,0) size 8x19 |
| RenderBlock {DIV} at (8,3) size 140x13 |
| RenderBlock {DIV} at (147,0) size 20x19 |
| RenderText {#text} at (330,20) size 5x18 |
| text run at (330,20) width 5: " " |
| RenderTextControl {INPUT} at (336,20) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (484,20) size 5x18 |
| text run at (484,20) width 5: " " |
| RenderTextControl {INPUT} at (490,20) size 174x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,0) size 167x19 |
| RenderBlock {DIV} at (0,0) size 8x19 |
| RenderBlock {DIV} at (8,3) size 140x13 |
| RenderBlock {DIV} at (147,0) size 20x19 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,43) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 140x13 |
| RenderBlock {DIV} at (0,0) size 140x13 |
| 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 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 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (396,20) size 5x18 |
| text run at (396,20) width 5: " " |
| RenderTextControl {INPUT} at (402,20) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (549,20) size 5x18 |
| text run at (549,20) width 5: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| 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 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (419,43) size 5x18 |
| text run at (419,43) width 5: " " |
| RenderTextControl {INPUT} at (425,43) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (573,43) size 5x18 |
| text run at (573,43) width 5: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| layer at (13,73) size 140x13 scrollWidth 288 |
| RenderBlock {DIV} at (3,3) size 140x13 [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 140x13 |
| RenderBlock {DIV} at (3,3) size 140x13 |
| layer at (175,73) size 140x13 scrollWidth 288 |
| RenderBlock {DIV} at (11,3) size 140x13 [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 (175,73) size 140x13 |
| RenderBlock {DIV} at (0,0) size 140x13 |
| layer at (348,73) size 140x13 scrollWidth 289 |
| RenderBlock {DIV} at (3,3) size 140x13 |
| RenderText {#text} at (0,0) size 288x13 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (510,73) size 140x13 scrollWidth 289 |
| RenderBlock {DIV} at (0,0) size 140x13 |
| 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 140x13 scrollWidth 309 |
| RenderBlock {DIV} at (0,0) size 140x13 |
| RenderText {#text} at (0,0) size 309x13 |
| text run at (0,0) width 309: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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 168 scrollWidth 308 |
| RenderBlock {DIV} at (0,0) size 140x13 |
| RenderText {#text} at (-168,0) size 309x13 |
| text run at (-168,0) width 308 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 140x13 scrollWidth 288 |
| RenderBlock {DIV} at (3,3) size 140x13 [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 140x13 |
| RenderBlock {DIV} at (3,3) size 140x13 |
| layer at (175,199) size 140x13 scrollWidth 288 |
| RenderBlock {DIV} at (11,3) size 140x13 [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 (175,199) size 140x13 |
| RenderBlock {DIV} at (0,0) size 140x13 |
| layer at (348,199) size 140x13 scrollWidth 289 |
| RenderBlock {DIV} at (3,3) size 140x13 |
| RenderText {#text} at (0,0) size 288x13 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (510,199) size 140x13 scrollWidth 289 |
| RenderBlock {DIV} at (0,0) size 140x13 |
| 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 140x13 scrollWidth 309 |
| RenderBlock {DIV} at (0,0) size 140x13 |
| RenderText {#text} at (0,0) size 309x13 |
| text run at (0,0) width 309: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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 168 scrollWidth 308 |
| RenderBlock {DIV} at (0,0) size 140x13 |
| RenderText {#text} at (-168,0) size 309x13 |
| text run at (-168,0) width 308 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 140x13 scrollWidth 288 |
| RenderBlock {DIV} at (3,3) size 140x13 [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 140x13 |
| RenderBlock {DIV} at (3,3) size 140x13 |
| layer at (413,325) size 140x13 scrollWidth 289 |
| RenderBlock {DIV} at (3,3) size 140x13 |
| 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 140x13 scrollWidth 288 |
| RenderBlock {DIV} at (3,3) size 140x13 [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 140x13 |
| RenderBlock {DIV} at (3,3) size 140x13 |
| layer at (437,348) size 140x13 scrollWidth 289 |
| RenderBlock {DIV} at (3,3) size 140x13 |
| RenderText {#text} at (0,0) size 288x13 |
| text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
