| layer at (0,0) size 800x600 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 800x266 |
| LayoutBlockFlow {HTML} at (0,0) size 800x266 |
| LayoutBlockFlow {BODY} at (8,16) size 784x234 |
| LayoutBlockFlow {P} at (0,0) size 784x18 |
| LayoutText {#text} at (0,0) size 314x18 |
| text run at (0,0) width 314: "This test is a basic check for using text-overflow." |
| LayoutBlockFlow {P} at (0,34) size 784x56 |
| LayoutText {#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:" |
| LayoutBR {BR} at (488,0) size 1x18 |
| LayoutTextControl {INPUT} at (0,18) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (123,18) size 4x18 |
| text run at (123,18) width 4: " " |
| LayoutTextControl {INPUT} at (127,18) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 117x13 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| LayoutText {#text} at (252,18) size 4x18 |
| text run at (252,18) width 4: " " |
| LayoutTextControl {INPUT} at (256,18) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (379,18) size 4x18 |
| text run at (379,18) width 4: " " |
| LayoutTextControl {INPUT} at (383,18) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 117x13 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| LayoutText {#text} at (508,18) size 4x18 |
| text run at (508,18) width 4: " " |
| LayoutTextControl {INPUT} at (512,18) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutBR {BR} at (635,18) size 0x18 |
| LayoutTextControl {INPUT} at (0,37) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (123,37) size 4x18 |
| text run at (123,37) width 4: " " |
| LayoutTextControl {INPUT} at (127,37) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 117x13 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| LayoutText {#text} at (252,37) size 4x18 |
| text run at (252,37) width 4: " " |
| LayoutTextControl {INPUT} at (256,37) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (379,37) size 4x18 |
| text run at (379,37) width 4: " " |
| LayoutTextControl {INPUT} at (383,37) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 117x13 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| LayoutText {#text} at (508,37) size 4x18 |
| text run at (508,37) width 4: " " |
| LayoutTextControl {INPUT} at (512,37) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (0,0) size 0x0 |
| LayoutBlockFlow {P} at (0,106) size 784x56 |
| LayoutText {#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:" |
| LayoutBR {BR} at (545,0) size 1x18 |
| LayoutTextControl {INPUT} at (0,18) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (123,18) size 4x18 |
| text run at (123,18) width 4: " " |
| LayoutTextControl {INPUT} at (127,18) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 117x13 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| LayoutText {#text} at (252,18) size 4x18 |
| text run at (252,18) width 4: " " |
| LayoutTextControl {INPUT} at (256,18) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (379,18) size 4x18 |
| text run at (379,18) width 4: " " |
| LayoutTextControl {INPUT} at (383,18) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 117x13 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| LayoutText {#text} at (508,18) size 4x18 |
| text run at (508,18) width 4: " " |
| LayoutTextControl {INPUT} at (512,18) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutBR {BR} at (635,18) size 0x18 |
| LayoutTextControl {INPUT} at (0,37) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (123,37) size 4x18 |
| text run at (123,37) width 4: " " |
| LayoutTextControl {INPUT} at (127,37) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 117x13 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| LayoutText {#text} at (252,37) size 4x18 |
| text run at (252,37) width 4: " " |
| LayoutTextControl {INPUT} at (256,37) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (379,37) size 4x18 |
| text run at (379,37) width 4: " " |
| LayoutTextControl {INPUT} at (383,37) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 117x13 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| LayoutText {#text} at (508,37) size 4x18 |
| text run at (508,37) width 4: " " |
| LayoutTextControl {INPUT} at (512,37) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (0,0) size 0x0 |
| LayoutBlockFlow {P} at (0,178) size 784x56 |
| LayoutText {#text} at (0,0) size 237x18 |
| text run at (0,0) width 237: "Dynamic style change text-overflow:" |
| LayoutBR {BR} at (236,0) size 1x18 |
| LayoutText {#text} at (0,18) size 247x18 |
| text run at (0,18) width 247: "Clip to ellipsis (should show ellipsis): " |
| LayoutTextControl {INPUT} at (246.23,18) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (369,18) size 5x18 |
| text run at (369,18) width 5: " " |
| LayoutTextControl {INPUT} at (373.23,18) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (496,18) size 5x18 |
| text run at (496,18) width 5: " " |
| LayoutBR {BR} at (0,0) size 0x0 |
| LayoutText {#text} at (0,37) size 270x18 |
| text run at (0,37) width 270: "Ellipsis to clip (should not show ellipsis): " |
| LayoutTextControl {INPUT} at (269.78,37) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (392,37) size 5x18 |
| text run at (392,37) width 5: " " |
| LayoutTextControl {INPUT} at (396.78,37) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (519,37) size 5x18 |
| text run at (519,37) width 5: " " |
| LayoutBR {BR} at (0,0) size 0x0 |
| layer at (11,71) size 117x13 scrollWidth 295 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 [color=#A9A9A9] |
| LayoutText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (11,71) size 117x13 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| layer at (139,71) size 105x13 scrollWidth 295 |
| LayoutBlockFlow {DIV} at (4,3) size 105x13 [color=#A9A9A9] |
| LayoutText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (139,71) size 105x13 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| layer at (267,71) size 117x13 scrollWidth 296 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| LayoutText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (395,71) size 105x13 scrollWidth 296 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| LayoutText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (523,71) size 117x13 scrollWidth 340 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| LayoutText {#text} at (0,0) size 340x13 |
| text run at (0,0) width 340: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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 (11,90) size 117x13 scrollX 178.00 scrollWidth 295 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 [color=#A9A9A9] |
| LayoutText {#text} at (-178,0) size 296x13 |
| text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (11,90) size 117x13 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| layer at (139,90) size 105x13 scrollX 190.00 scrollWidth 295 |
| LayoutBlockFlow {DIV} at (4,3) size 105x13 [color=#A9A9A9] |
| LayoutText {#text} at (-190,0) size 296x13 |
| text run at (-190,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (139,90) size 105x13 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| layer at (267,90) size 117x13 scrollX 178.00 scrollWidth 295 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| LayoutText {#text} at (-178,0) size 296x13 |
| text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (395,90) size 105x13 scrollX 190.00 scrollWidth 295 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| LayoutText {#text} at (-190,0) size 296x13 |
| text run at (-190,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (523,90) size 117x13 scrollX 222.00 scrollWidth 339 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| LayoutText {#text} at (-222,0) size 340x13 |
| text run at (-222,0) width 339 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 (11,143) size 117x13 scrollWidth 295 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 [color=#A9A9A9] |
| LayoutText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (11,143) size 117x13 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| layer at (139,143) size 105x13 scrollWidth 295 |
| LayoutBlockFlow {DIV} at (4,3) size 105x13 [color=#A9A9A9] |
| LayoutText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (139,143) size 105x13 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| layer at (267,143) size 117x13 scrollWidth 296 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| LayoutText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (395,143) size 105x13 scrollWidth 296 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| LayoutText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (523,143) size 117x13 scrollWidth 340 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| LayoutText {#text} at (0,0) size 340x13 |
| text run at (0,0) width 340: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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 (11,162) size 117x13 scrollX 178.00 scrollWidth 295 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 [color=#A9A9A9] |
| LayoutText {#text} at (-178,0) size 296x13 |
| text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (11,162) size 117x13 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| layer at (139,162) size 105x13 scrollX 190.00 scrollWidth 295 |
| LayoutBlockFlow {DIV} at (4,3) size 105x13 [color=#A9A9A9] |
| LayoutText {#text} at (-190,0) size 296x13 |
| text run at (-190,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (139,162) size 105x13 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| layer at (267,162) size 117x13 scrollX 178.00 scrollWidth 295 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| LayoutText {#text} at (-178,0) size 296x13 |
| text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (395,162) size 105x13 scrollX 190.00 scrollWidth 295 |
| LayoutBlockFlow {DIV} at (0,0) size 105x13 |
| LayoutText {#text} at (-190,0) size 296x13 |
| text run at (-190,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (523,162) size 117x13 scrollX 222.00 scrollWidth 339 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| LayoutText {#text} at (-222,0) size 340x13 |
| text run at (-222,0) width 339 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 (257,215) size 117x13 scrollWidth 295 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 [color=#A9A9A9] |
| LayoutText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (257,215) size 117x13 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| layer at (384,215) size 117x13 scrollWidth 296 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| LayoutText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (281,234) size 117x13 scrollWidth 295 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 [color=#A9A9A9] |
| LayoutText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (281,234) size 117x13 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| layer at (408,234) size 117x13 scrollWidth 296 |
| LayoutBlockFlow {DIV} at (3,3) size 117x13 |
| LayoutText {#text} at (0,0) size 296x13 |
| text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (245,72) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (106,1) size 11x11 |
| layer at (501,72) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (106,1) size 11x11 |
| layer at (245,91) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (106,1) size 11x11 |
| layer at (501,91) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (106,1) size 11x11 |
| layer at (245,144) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (106,1) size 11x11 |
| layer at (501,144) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (106,1) size 11x11 |
| layer at (245,163) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (106,1) size 11x11 |
| layer at (501,163) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (106,1) size 11x11 |