| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x420 |
| RenderBlock {HTML} at (0,0) size 800x420 |
| RenderBody {BODY} at (8,16) size 784x388 |
| RenderBlock {P} at (0,0) size 784x20 |
| RenderText {#text} at (0,0) size 293x19 |
| text run at (0,0) width 293: "This test is a basic check for using text-overflow." |
| RenderBlock {P} at (0,36) size 784x124 |
| RenderText {#text} at (0,0) size 446x19 |
| text run at (0,0) width 446: "Apply \"text-overflow:clip\" to inputs. The following input should be clipped:" |
| RenderBR {BR} at (446,0) size 0x19 |
| RenderTextControl {INPUT} at (2,22) size 151x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (155,23) size 4x19 |
| text run at (155,23) width 4: " " |
| RenderTextControl {INPUT} at (161,22) size 163x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 157x16 |
| RenderBlock {DIV} at (0,2) size 1x12 |
| RenderBlock {DIV} at (1,0) size 144x16 |
| RenderBlock {DIV} at (145,3) size 9x10 |
| RenderText {#text} at (326,23) size 4x19 |
| text run at (326,23) width 4: " " |
| RenderTextControl {INPUT} at (332,22) size 151x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (485,23) size 4x19 |
| text run at (485,23) width 4: " " |
| RenderTextControl {INPUT} at (491,22) size 163x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 157x16 |
| RenderBlock {DIV} at (0,2) size 1x12 |
| RenderBlock {DIV} at (1,0) size 144x16 |
| RenderBlock {DIV} at (145,3) size 9x10 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,48) size 151x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderBR {BR} at (155,49) size 0x19 |
| RenderTextControl {INPUT} at (2,74) size 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (154,75) size 4x19 |
| text run at (154,75) width 4: " " |
| RenderTextControl {INPUT} at (160,74) size 162x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 156x16 |
| RenderBlock {DIV} at (155,2) size 1x12 |
| RenderBlock {DIV} at (12,0) size 143x16 |
| RenderBlock {DIV} at (0,3) size 9x10 |
| RenderText {#text} at (324,75) size 4x19 |
| text run at (324,75) width 4: " " |
| RenderTextControl {INPUT} at (330,74) size 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (482,75) size 4x19 |
| text run at (482,75) width 4: " " |
| RenderTextControl {INPUT} at (488,74) size 162x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 156x16 |
| RenderBlock {DIV} at (155,2) size 1x12 |
| RenderBlock {DIV} at (12,0) size 143x16 |
| RenderBlock {DIV} at (0,3) size 9x10 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,100) size 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,176) size 784x124 |
| RenderText {#text} at (0,0) size 494x19 |
| text run at (0,0) width 494: "Apply \"text-overflow:ellipsis\" to inputs. The following input should show an ellipsis:" |
| RenderBR {BR} at (494,0) size 0x19 |
| RenderTextControl {INPUT} at (2,22) size 151x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (155,23) size 4x19 |
| text run at (155,23) width 4: " " |
| RenderTextControl {INPUT} at (161,22) size 163x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 157x16 |
| RenderBlock {DIV} at (0,2) size 1x12 |
| RenderBlock {DIV} at (1,0) size 144x16 |
| RenderBlock {DIV} at (145,3) size 9x10 |
| RenderText {#text} at (326,23) size 4x19 |
| text run at (326,23) width 4: " " |
| RenderTextControl {INPUT} at (332,22) size 151x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (485,23) size 4x19 |
| text run at (485,23) width 4: " " |
| RenderTextControl {INPUT} at (491,22) size 163x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 157x16 |
| RenderBlock {DIV} at (0,2) size 1x12 |
| RenderBlock {DIV} at (1,0) size 144x16 |
| RenderBlock {DIV} at (145,3) size 9x10 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,48) size 151x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderBR {BR} at (155,49) size 0x19 |
| RenderTextControl {INPUT} at (2,74) size 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (154,75) size 4x19 |
| text run at (154,75) width 4: " " |
| RenderTextControl {INPUT} at (160,74) size 162x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 156x16 |
| RenderBlock {DIV} at (155,2) size 1x12 |
| RenderBlock {DIV} at (12,0) size 143x16 |
| RenderBlock {DIV} at (0,3) size 9x10 |
| RenderText {#text} at (324,75) size 4x19 |
| text run at (324,75) width 4: " " |
| RenderTextControl {INPUT} at (330,74) size 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (482,75) size 4x19 |
| text run at (482,75) width 4: " " |
| RenderTextControl {INPUT} at (488,74) size 162x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 156x16 |
| RenderBlock {DIV} at (155,2) size 1x12 |
| RenderBlock {DIV} at (12,0) size 143x16 |
| RenderBlock {DIV} at (0,3) size 9x10 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,100) size 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,316) size 784x72 |
| RenderText {#text} at (0,0) size 218x19 |
| text run at (0,0) width 218: "Dynamic style change text-overflow:" |
| RenderBR {BR} at (218,0) size 0x19 |
| RenderText {#text} at (0,23) size 223x19 |
| text run at (0,23) width 223: "Clip to ellipsis (should show ellipsis): " |
| RenderTextControl {INPUT} at (225,22) size 151x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (378,23) size 4x19 |
| text run at (378,23) width 4: " " |
| RenderTextControl {INPUT} at (384,22) size 151x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (537,23) size 4x19 |
| text run at (537,23) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| RenderText {#text} at (0,49) size 244x19 |
| text run at (0,49) width 244: "Ellipsis to clip (should not show ellipsis): " |
| RenderTextControl {INPUT} at (246,48) size 151x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (399,49) size 4x19 |
| text run at (399,49) width 4: " " |
| RenderTextControl {INPUT} at (405,48) size 151x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (558,49) size 4x19 |
| text run at (558,49) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| layer at (12,77) size 147x16 scrollWidth 320 |
| RenderBlock {DIV} at (2,3) size 147x16 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (12,77) size 147x16 |
| RenderBlock {DIV} at (2,3) size 147x16 |
| layer at (173,77) size 144x16 scrollWidth 320 |
| RenderBlock {DIV} at (4,3) size 144x16 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (173,77) size 144x16 |
| RenderBlock {DIV} at (0,0) size 144x16 |
| layer at (342,77) size 147x16 scrollWidth 321 |
| RenderBlock {DIV} at (2,3) size 147x16 |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (503,77) size 144x16 scrollWidth 321 |
| RenderBlock {DIV} at (0,0) size 144x16 |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (12,103) size 147x16 scrollWidth 386 |
| RenderBlock {DIV} at (2,3) size 147x16 |
| RenderText {#text} at (0,0) size 385x16 |
| 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 (12,129) size 146x16 scrollX 174 scrollWidth 320 |
| RenderBlock {DIV} at (2,3) size 146x16 [color=#A9A9A9] |
| RenderText {#text} at (-174,0) size 320x16 |
| text run at (-174,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (12,129) size 146x16 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| layer at (183,129) size 143x16 scrollX 177 scrollWidth 320 |
| RenderBlock {DIV} at (15,3) size 143x16 [color=#A9A9A9] |
| RenderText {#text} at (-177,0) size 320x16 |
| text run at (-177,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (183,129) size 143x16 |
| RenderBlock {DIV} at (0,0) size 143x16 |
| layer at (340,129) size 146x16 scrollX 174 scrollWidth 320 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| RenderText {#text} at (-174,0) size 320x16 |
| text run at (-174,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (511,129) size 143x16 scrollX 177 scrollWidth 320 |
| RenderBlock {DIV} at (0,0) size 143x16 |
| RenderText {#text} at (-177,0) size 320x16 |
| text run at (-177,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (12,155) size 146x16 scrollX 239 scrollWidth 385 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| RenderText {#text} at (-239,0) size 385x16 |
| text run at (-239,0) width 385 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 (12,217) size 147x16 scrollWidth 320 |
| RenderBlock {DIV} at (2,3) size 147x16 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (12,217) size 147x16 |
| RenderBlock {DIV} at (2,3) size 147x16 |
| layer at (173,217) size 144x16 scrollWidth 320 |
| RenderBlock {DIV} at (4,3) size 144x16 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (173,217) size 144x16 |
| RenderBlock {DIV} at (0,0) size 144x16 |
| layer at (342,217) size 147x16 scrollWidth 321 |
| RenderBlock {DIV} at (2,3) size 147x16 |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (503,217) size 144x16 scrollWidth 321 |
| RenderBlock {DIV} at (0,0) size 144x16 |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (12,243) size 147x16 scrollWidth 386 |
| RenderBlock {DIV} at (2,3) size 147x16 |
| RenderText {#text} at (0,0) size 385x16 |
| 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 (12,269) size 146x16 scrollX 174 scrollWidth 320 |
| RenderBlock {DIV} at (2,3) size 146x16 [color=#A9A9A9] |
| RenderText {#text} at (-174,0) size 320x16 |
| text run at (-174,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (12,269) size 146x16 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| layer at (183,269) size 143x16 scrollX 177 scrollWidth 320 |
| RenderBlock {DIV} at (15,3) size 143x16 [color=#A9A9A9] |
| RenderText {#text} at (-177,0) size 320x16 |
| text run at (-177,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (183,269) size 143x16 |
| RenderBlock {DIV} at (0,0) size 143x16 |
| layer at (340,269) size 146x16 scrollX 174 scrollWidth 320 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| RenderText {#text} at (-174,0) size 320x16 |
| text run at (-174,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (511,269) size 143x16 scrollX 177 scrollWidth 320 |
| RenderBlock {DIV} at (0,0) size 143x16 |
| RenderText {#text} at (-177,0) size 320x16 |
| text run at (-177,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (12,295) size 146x16 scrollX 239 scrollWidth 385 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| RenderText {#text} at (-239,0) size 385x16 |
| text run at (-239,0) width 385 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 (235,357) size 147x16 scrollWidth 320 |
| RenderBlock {DIV} at (2,3) size 147x16 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (235,357) size 147x16 |
| RenderBlock {DIV} at (2,3) size 147x16 |
| layer at (394,357) size 147x16 scrollWidth 321 |
| RenderBlock {DIV} at (2,3) size 147x16 |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (256,383) size 147x16 scrollWidth 320 |
| RenderBlock {DIV} at (2,3) size 147x16 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (256,383) size 147x16 |
| RenderBlock {DIV} at (2,3) size 147x16 |
| layer at (415,383) size 147x16 scrollWidth 321 |
| RenderBlock {DIV} at (2,3) size 147x16 |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
