| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x432 |
| RenderBlock {HTML} at (0,0) size 800x432 |
| RenderBody {BODY} at (8,16) size 784x400 |
| RenderBlock {P} at (0,0) size 784x18 |
| RenderText {#text} at (0,0) size 307x17 |
| text run at (0,0) width 307: "This test is a basic check for using text-overflow." |
| RenderBlock {P} at (0,34) size 784x130 |
| RenderText {#text} at (0,0) size 481x17 |
| text run at (0,0) width 481: "Apply \"text-overflow:clip\" to inputs. The following input should be clipped:" |
| RenderBR {BR} at (481,0) size 0x17 |
| RenderTextControl {INPUT} at (2,20) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (196,23) size 4x17 |
| text run at (196,23) width 4: " " |
| RenderTextControl {INPUT} at (202,20) size 208x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 202x18 |
| RenderBlock {DIV} at (0,9) size 0x0 |
| RenderBlock {DIV} at (0,0) size 186x18 |
| RenderText {#text} at (412,23) size 4x17 |
| text run at (412,23) width 4: " " |
| RenderTextControl {INPUT} at (418,20) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,48) size 208x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 202x18 |
| RenderBlock {DIV} at (0,9) size 0x0 |
| RenderBlock {DIV} at (0,0) size 186x18 |
| RenderText {#text} at (212,51) size 4x17 |
| text run at (212,51) width 4: " " |
| RenderTextControl {INPUT} at (218,48) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 186x18 |
| RenderBlock {DIV} at (0,0) size 186x18 |
| RenderBR {BR} at (412,51) size 0x17 |
| RenderTextControl {INPUT} at (2,76) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (195,79) size 4x17 |
| text run at (195,79) width 4: " " |
| RenderTextControl {INPUT} at (201,76) size 207x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 201x18 |
| RenderBlock {DIV} at (201,9) size 0x0 |
| RenderBlock {DIV} at (16,0) size 185x18 |
| RenderText {#text} at (410,79) size 4x17 |
| text run at (410,79) width 4: " " |
| RenderTextControl {INPUT} at (416,76) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,104) size 207x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 201x18 |
| RenderBlock {DIV} at (201,9) size 0x0 |
| RenderBlock {DIV} at (16,0) size 185x18 |
| RenderText {#text} at (211,107) size 4x17 |
| text run at (211,107) width 4: " " |
| RenderTextControl {INPUT} at (217,104) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 185x18 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,180) size 784x130 |
| RenderText {#text} at (0,0) size 536x17 |
| text run at (0,0) width 536: "Apply \"text-overflow:ellipsis\" to inputs. The following input should show an ellipsis:" |
| RenderBR {BR} at (536,0) size 0x17 |
| RenderTextControl {INPUT} at (2,20) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (196,23) size 4x17 |
| text run at (196,23) width 4: " " |
| RenderTextControl {INPUT} at (202,20) size 208x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 202x18 |
| RenderBlock {DIV} at (0,9) size 0x0 |
| RenderBlock {DIV} at (0,0) size 186x18 |
| RenderText {#text} at (412,23) size 4x17 |
| text run at (412,23) width 4: " " |
| RenderTextControl {INPUT} at (418,20) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,48) size 208x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 202x18 |
| RenderBlock {DIV} at (0,9) size 0x0 |
| RenderBlock {DIV} at (0,0) size 186x18 |
| RenderText {#text} at (212,51) size 4x17 |
| text run at (212,51) width 4: " " |
| RenderTextControl {INPUT} at (218,48) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 186x18 |
| RenderBlock {DIV} at (0,0) size 186x18 |
| RenderBR {BR} at (412,51) size 0x17 |
| RenderTextControl {INPUT} at (2,76) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (195,79) size 4x17 |
| text run at (195,79) width 4: " " |
| RenderTextControl {INPUT} at (201,76) size 207x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 201x18 |
| RenderBlock {DIV} at (201,9) size 0x0 |
| RenderBlock {DIV} at (16,0) size 185x18 |
| RenderText {#text} at (410,79) size 4x17 |
| text run at (410,79) width 4: " " |
| RenderTextControl {INPUT} at (416,76) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTextControl {INPUT} at (2,104) size 207x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 201x18 |
| RenderBlock {DIV} at (201,9) size 0x0 |
| RenderBlock {DIV} at (16,0) size 185x18 |
| RenderText {#text} at (211,107) size 4x17 |
| text run at (211,107) width 4: " " |
| RenderTextControl {INPUT} at (217,104) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderFlexibleBox {DIV} at (3,3) size 185x18 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,326) size 784x74 |
| RenderText {#text} at (0,0) size 233x17 |
| text run at (0,0) width 233: "Dynamic style change text-overflow:" |
| RenderBR {BR} at (233,0) size 0x17 |
| RenderText {#text} at (0,23) size 239x17 |
| text run at (0,23) width 239: "Clip to ellipsis (should show ellipsis): " |
| RenderTextControl {INPUT} at (241,20) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (435,23) size 4x17 |
| text run at (435,23) width 4: " " |
| RenderTextControl {INPUT} at (441,20) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (635,23) size 4x17 |
| text run at (635,23) width 4: " " |
| RenderBR {BR} at (639,23) size 0x17 |
| RenderText {#text} at (0,51) size 262x17 |
| text run at (0,51) width 262: "Ellipsis to clip (should not show ellipsis): " |
| RenderTextControl {INPUT} at (264,48) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (458,51) size 4x17 |
| text run at (458,51) width 4: " " |
| RenderTextControl {INPUT} at (464,48) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (658,51) size 4x17 |
| text run at (658,51) width 4: " " |
| RenderBR {BR} at (662,51) size 0x17 |
| layer at (13,73) size 186x18 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 186x18 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,73) size 186x18 |
| RenderBlock {DIV} at (3,3) size 186x18 |
| layer at (213,73) size 186x18 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 186x18 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (213,73) size 186x18 |
| RenderBlock {DIV} at (0,0) size 186x18 |
| layer at (429,73) size 186x18 scrollWidth 384 |
| RenderBlock {DIV} at (3,3) size 186x18 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,101) size 186x18 scrollWidth 384 |
| RenderBlock {DIV} at (0,0) size 186x18 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (229,101) size 186x18 scrollWidth 331 |
| RenderBlock {DIV} at (0,0) size 186x18 |
| RenderText {#text} at (0,0) size 330x17 |
| text run at (0,0) width 330: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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,129) size 185x18 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x18 [color=#A9A9A9] |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,129) size 185x18 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| layer at (228,129) size 185x18 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (19,3) size 185x18 [color=#A9A9A9] |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (228,129) size 185x18 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| layer at (427,129) size 185x18 scrollX 199 scrollWidth 384 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (29,157) size 185x18 scrollX 199 scrollWidth 384 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (228,157) size 185x18 scrollX 146 scrollWidth 331 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderText {#text} at (-145,0) size 330x17 |
| text run at (-145,0) width 330 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,219) size 186x18 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 186x18 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,219) size 186x18 |
| RenderBlock {DIV} at (3,3) size 186x18 |
| layer at (213,219) size 186x18 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 186x18 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (213,219) size 186x18 |
| RenderBlock {DIV} at (0,0) size 186x18 |
| layer at (429,219) size 186x18 scrollWidth 384 |
| RenderBlock {DIV} at (3,3) size 186x18 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,247) size 186x18 scrollWidth 384 |
| RenderBlock {DIV} at (0,0) size 186x18 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (229,247) size 186x18 scrollWidth 331 |
| RenderBlock {DIV} at (0,0) size 186x18 |
| RenderText {#text} at (0,0) size 330x17 |
| text run at (0,0) width 330: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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,275) size 185x18 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x18 [color=#A9A9A9] |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (13,275) size 185x18 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| layer at (228,275) size 185x18 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (19,3) size 185x18 [color=#A9A9A9] |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (228,275) size 185x18 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| layer at (427,275) size 185x18 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 185x18 |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (29,303) size 185x18 scrollX 198 scrollWidth 383 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderText {#text} at (-198,0) size 383x17 |
| text run at (-198,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (228,303) size 185x18 scrollX 145 scrollWidth 330 |
| RenderBlock {DIV} at (0,0) size 185x18 |
| RenderText {#text} at (-145,0) size 330x17 |
| text run at (-145,0) width 330 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 (252,365) size 186x18 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 186x18 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (252,365) size 186x18 |
| RenderBlock {DIV} at (3,3) size 186x18 |
| layer at (452,365) size 186x18 scrollWidth 384 |
| RenderBlock {DIV} at (3,3) size 186x18 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (275,393) size 186x18 scrollWidth 383 |
| RenderBlock {DIV} at (3,3) size 186x18 [color=#A9A9A9] |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (275,393) size 186x18 |
| RenderBlock {DIV} at (3,3) size 186x18 |
| layer at (475,393) size 186x18 scrollWidth 384 |
| RenderBlock {DIV} at (3,3) size 186x18 |
| RenderText {#text} at (0,0) size 383x17 |
| text run at (0,0) width 383: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (199,102) size 16x16 |
| RenderBlock {DIV} at (186,1) size 16x16 [bgcolor=#000000] |
| layer at (13,158) size 16x16 |
| RenderBlock {DIV} at (0,1) size 16x16 [bgcolor=#000000] |
| layer at (199,248) size 16x16 |
| RenderBlock {DIV} at (186,1) size 16x16 [bgcolor=#000000] |
| layer at (13,304) size 16x16 |
| RenderBlock {DIV} at (0,1) size 16x16 [bgcolor=#000000] |
