| 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 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (131,18) size 4x18 |
| text run at (131,18) width 4: " " |
| LayoutTextControl {INPUT} at (135,18) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 125x13 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| LayoutText {#text} at (268,18) size 4x18 |
| text run at (268,18) width 4: " " |
| LayoutTextControl {INPUT} at (272,18) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (403,18) size 4x18 |
| text run at (403,18) width 4: " " |
| LayoutTextControl {INPUT} at (407,18) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 125x13 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| LayoutText {#text} at (540,18) size 4x18 |
| text run at (540,18) width 4: " " |
| LayoutTextControl {INPUT} at (544,18) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutBR {BR} at (675,18) size 0x18 |
| LayoutTextControl {INPUT} at (0,37) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (131,37) size 4x18 |
| text run at (131,37) width 4: " " |
| LayoutTextControl {INPUT} at (135,37) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 125x13 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| LayoutText {#text} at (268,37) size 4x18 |
| text run at (268,37) width 4: " " |
| LayoutTextControl {INPUT} at (272,37) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (403,37) size 4x18 |
| text run at (403,37) width 4: " " |
| LayoutTextControl {INPUT} at (407,37) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 125x13 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| LayoutText {#text} at (540,37) size 4x18 |
| text run at (540,37) width 4: " " |
| LayoutTextControl {INPUT} at (544,37) size 131x19 [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 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (131,18) size 4x18 |
| text run at (131,18) width 4: " " |
| LayoutTextControl {INPUT} at (135,18) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 125x13 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| LayoutText {#text} at (268,18) size 4x18 |
| text run at (268,18) width 4: " " |
| LayoutTextControl {INPUT} at (272,18) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (403,18) size 4x18 |
| text run at (403,18) width 4: " " |
| LayoutTextControl {INPUT} at (407,18) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 125x13 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| LayoutText {#text} at (540,18) size 4x18 |
| text run at (540,18) width 4: " " |
| LayoutTextControl {INPUT} at (544,18) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutBR {BR} at (675,18) size 0x18 |
| LayoutTextControl {INPUT} at (0,37) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (131,37) size 4x18 |
| text run at (131,37) width 4: " " |
| LayoutTextControl {INPUT} at (135,37) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 125x13 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| LayoutText {#text} at (268,37) size 4x18 |
| text run at (268,37) width 4: " " |
| LayoutTextControl {INPUT} at (272,37) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (403,37) size 4x18 |
| text run at (403,37) width 4: " " |
| LayoutTextControl {INPUT} at (407,37) size 133x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutFlexibleBox {DIV} at (4,3) size 125x13 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| LayoutText {#text} at (540,37) size 4x18 |
| text run at (540,37) width 4: " " |
| LayoutTextControl {INPUT} at (544,37) size 131x19 [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 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (377,18) size 5x18 |
| text run at (377,18) width 5: " " |
| LayoutTextControl {INPUT} at (381.23,18) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (512,18) size 5x18 |
| text run at (512,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 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (400,37) size 5x18 |
| text run at (400,37) width 5: " " |
| LayoutTextControl {INPUT} at (404.78,37) size 131x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] |
| LayoutText {#text} at (535,37) size 5x18 |
| text run at (535,37) width 5: " " |
| LayoutBR {BR} at (0,0) size 0x0 |
| layer at (11,71) size 125x13 scrollWidth 274 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9] |
| LayoutText {#text} at (0,0) size 274x13 |
| text run at (0,0) width 274: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (11,71) size 125x13 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| layer at (147,71) size 113x13 scrollWidth 274 |
| LayoutBlockFlow {DIV} at (4,3) size 113x13 [color=#A9A9A9] |
| LayoutText {#text} at (0,0) size 274x13 |
| text run at (0,0) width 274: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (147,71) size 113x13 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| layer at (283,71) size 125x13 scrollWidth 275 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| LayoutText {#text} at (0,0) size 274x13 |
| text run at (0,0) width 274: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (419,71) size 113x13 scrollWidth 275 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| LayoutText {#text} at (0,0) size 274x13 |
| text run at (0,0) width 274: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (555,71) size 125x13 scrollWidth 345 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| LayoutText {#text} at (0,0) size 345x13 |
| text run at (0,0) width 345: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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 125x13 scrollX 148.00 scrollWidth 274 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9] |
| LayoutText {#text} at (-148,0) size 274x13 |
| text run at (-148,0) width 273: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (11,90) size 125x13 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| layer at (147,90) size 113x13 scrollX 160.00 scrollWidth 274 |
| LayoutBlockFlow {DIV} at (4,3) size 113x13 [color=#A9A9A9] |
| LayoutText {#text} at (-160,0) size 274x13 |
| text run at (-160,0) width 273: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (147,90) size 113x13 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| layer at (283,90) size 125x13 scrollX 148.00 scrollWidth 274 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| LayoutText {#text} at (-148,0) size 274x13 |
| text run at (-148,0) width 273: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (419,90) size 113x13 scrollX 160.00 scrollWidth 274 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| LayoutText {#text} at (-160,0) size 274x13 |
| text run at (-160,0) width 273: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (555,90) size 125x13 scrollX 219.00 scrollWidth 344 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| LayoutText {#text} at (-219,0) size 345x13 |
| text run at (-219,0) width 344 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 125x13 scrollWidth 274 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9] |
| LayoutText {#text} at (0,0) size 274x13 |
| text run at (0,0) width 274: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (11,143) size 125x13 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| layer at (147,143) size 113x13 scrollWidth 274 |
| LayoutBlockFlow {DIV} at (4,3) size 113x13 [color=#A9A9A9] |
| LayoutText {#text} at (0,0) size 274x13 |
| text run at (0,0) width 274: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (147,143) size 113x13 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| layer at (283,143) size 125x13 scrollWidth 275 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| LayoutText {#text} at (0,0) size 274x13 |
| text run at (0,0) width 274: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (419,143) size 113x13 scrollWidth 275 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| LayoutText {#text} at (0,0) size 274x13 |
| text run at (0,0) width 274: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (555,143) size 125x13 scrollWidth 345 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| LayoutText {#text} at (0,0) size 345x13 |
| text run at (0,0) width 345: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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 125x13 scrollX 148.00 scrollWidth 274 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9] |
| LayoutText {#text} at (-148,0) size 274x13 |
| text run at (-148,0) width 273: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (11,162) size 125x13 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| layer at (147,162) size 113x13 scrollX 160.00 scrollWidth 274 |
| LayoutBlockFlow {DIV} at (4,3) size 113x13 [color=#A9A9A9] |
| LayoutText {#text} at (-160,0) size 274x13 |
| text run at (-160,0) width 273: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (147,162) size 113x13 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| layer at (283,162) size 125x13 scrollX 148.00 scrollWidth 274 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| LayoutText {#text} at (-148,0) size 274x13 |
| text run at (-148,0) width 273: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (419,162) size 113x13 scrollX 160.00 scrollWidth 274 |
| LayoutBlockFlow {DIV} at (0,0) size 113x13 |
| LayoutText {#text} at (-160,0) size 274x13 |
| text run at (-160,0) width 273: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (555,162) size 125x13 scrollX 219.00 scrollWidth 344 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| LayoutText {#text} at (-219,0) size 345x13 |
| text run at (-219,0) width 344 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 125x13 scrollWidth 274 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9] |
| LayoutText {#text} at (0,0) size 274x13 |
| text run at (0,0) width 274: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (257,215) size 125x13 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| layer at (392,215) size 125x13 scrollWidth 275 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| LayoutText {#text} at (0,0) size 274x13 |
| text run at (0,0) width 274: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (281,234) size 125x13 scrollWidth 274 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9] |
| LayoutText {#text} at (0,0) size 274x13 |
| text run at (0,0) width 274: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (281,234) size 125x13 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| layer at (416,234) size 125x13 scrollWidth 275 |
| LayoutBlockFlow {DIV} at (3,3) size 125x13 |
| LayoutText {#text} at (0,0) size 274x13 |
| text run at (0,0) width 274: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" |
| layer at (261,72) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (114,1) size 11x11 |
| layer at (533,72) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (114,1) size 11x11 |
| layer at (261,91) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (114,1) size 11x11 |
| layer at (533,91) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (114,1) size 11x11 |
| layer at (261,144) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (114,1) size 11x11 |
| layer at (533,144) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (114,1) size 11x11 |
| layer at (261,163) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (114,1) size 11x11 |
| layer at (533,163) size 11x11 transparent |
| LayoutBlockFlow {DIV} at (114,1) size 11x11 |