| 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 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (154,23) size 4x19 |
| text run at (154,23) width 4: " " |
| RenderTextControl {INPUT} at (160,22) size 162x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 156x16 |
| RenderBlock {DIV} at (0,2) size 1x12 |
| RenderBlock {DIV} at (1,0) size 143x16 |
| RenderBlock {DIV} at (144,3) size 9x10 |
| RenderText {#text} at (324,23) size 4x19 |
| text run at (324,23) width 4: " " |
| RenderTextControl {INPUT} at (330,22) size 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (482,23) size 4x19 |
| text run at (482,23) width 4: " " |
| RenderTextControl {INPUT} at (488,22) size 162x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 156x16 |
| RenderBlock {DIV} at (0,2) size 1x12 |
| RenderBlock {DIV} at (1,0) size 143x16 |
| RenderBlock {DIV} at (144,3) size 9x10 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,48) size 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderBR {BR} at (154,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 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (154,23) size 4x19 |
| text run at (154,23) width 4: " " |
| RenderTextControl {INPUT} at (160,22) size 162x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 156x16 |
| RenderBlock {DIV} at (0,2) size 1x12 |
| RenderBlock {DIV} at (1,0) size 143x16 |
| RenderBlock {DIV} at (144,3) size 9x10 |
| RenderText {#text} at (324,23) size 4x19 |
| text run at (324,23) width 4: " " |
| RenderTextControl {INPUT} at (330,22) size 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (482,23) size 4x19 |
| text run at (482,23) width 4: " " |
| RenderTextControl {INPUT} at (488,22) size 162x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 156x16 |
| RenderBlock {DIV} at (0,2) size 1x12 |
| RenderBlock {DIV} at (1,0) size 143x16 |
| RenderBlock {DIV} at (144,3) size 9x10 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,48) size 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderBR {BR} at (154,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 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (377,23) size 4x19 |
| text run at (377,23) width 4: " " |
| RenderTextControl {INPUT} at (383,22) size 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (535,23) size 4x19 |
| text run at (535,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 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (398,49) size 4x19 |
| text run at (398,49) width 4: " " |
| RenderTextControl {INPUT} at (404,48) size 150x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (556,49) size 4x19 |
| text run at (556,49) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| layer at (12,77) size 146x16 scrollWidth 320 |
| RenderBlock {DIV} at (2,3) size 146x16 [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 146x16 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| layer at (172,77) size 143x16 scrollWidth 320 |
| RenderBlock {DIV} at (4,3) size 143x16 [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 (172,77) size 143x16 |
| RenderBlock {DIV} at (0,0) size 143x16 |
| layer at (340,77) size 146x16 scrollWidth 321 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (500,77) size 143x16 scrollWidth 321 |
| RenderBlock {DIV} at (0,0) size 143x16 |
| 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 146x16 scrollWidth 386 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| 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 146x16 scrollWidth 320 |
| RenderBlock {DIV} at (2,3) size 146x16 [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 146x16 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| layer at (172,217) size 143x16 scrollWidth 320 |
| RenderBlock {DIV} at (4,3) size 143x16 [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 (172,217) size 143x16 |
| RenderBlock {DIV} at (0,0) size 143x16 |
| layer at (340,217) size 146x16 scrollWidth 321 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (500,217) size 143x16 scrollWidth 321 |
| RenderBlock {DIV} at (0,0) size 143x16 |
| 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 146x16 scrollWidth 386 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| 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 146x16 scrollWidth 320 |
| RenderBlock {DIV} at (2,3) size 146x16 [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 146x16 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| layer at (393,357) size 146x16 scrollWidth 321 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| 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 146x16 scrollWidth 320 |
| RenderBlock {DIV} at (2,3) size 146x16 [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 146x16 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| layer at (414,383) size 146x16 scrollWidth 321 |
| RenderBlock {DIV} at (2,3) size 146x16 |
| RenderText {#text} at (0,0) size 320x16 |
| text run at (0,0) width 320: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
