blob: 70fb4410cd95c2e636cb5989c1910a283a50e797 [file] [log] [blame]
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 284
LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9]
LayoutText {#text} at (0,0) size 285x13
text run at (0,0) width 285: "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 284
LayoutBlockFlow {DIV} at (4,3) size 113x13 [color=#A9A9A9]
LayoutText {#text} at (0,0) size 285x13
text run at (0,0) width 285: "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 285
LayoutBlockFlow {DIV} at (3,3) size 125x13
LayoutText {#text} at (0,0) size 285x13
text run at (0,0) width 285: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (419,71) size 113x13 scrollWidth 285
LayoutBlockFlow {DIV} at (0,0) size 113x13
LayoutText {#text} at (0,0) size 285x13
text run at (0,0) width 285: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (555,71) size 125x13 scrollWidth 306
LayoutBlockFlow {DIV} at (3,3) size 125x13
LayoutText {#text} at (0,0) size 305x13
text run at (0,0) width 305: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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 158.00 scrollWidth 284
LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9]
LayoutText {#text} at (-158,0) size 284x13
text run at (-158,0) width 283: "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 170.00 scrollWidth 284
LayoutBlockFlow {DIV} at (4,3) size 113x13 [color=#A9A9A9]
LayoutText {#text} at (-170,0) size 284x13
text run at (-170,0) width 283: "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 158.00 scrollWidth 284
LayoutBlockFlow {DIV} at (3,3) size 125x13
LayoutText {#text} at (-158,0) size 284x13
text run at (-158,0) width 283: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (419,90) size 113x13 scrollX 170.00 scrollWidth 284
LayoutBlockFlow {DIV} at (0,0) size 113x13
LayoutText {#text} at (-170,0) size 284x13
text run at (-170,0) width 283: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (555,90) size 125x13 scrollX 179.00 scrollWidth 305
LayoutBlockFlow {DIV} at (3,3) size 125x13
LayoutText {#text} at (-179,0) size 305x13
text run at (-179,0) width 304 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 284
LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9]
LayoutText {#text} at (0,0) size 285x13
text run at (0,0) width 285: "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 284
LayoutBlockFlow {DIV} at (4,3) size 113x13 [color=#A9A9A9]
LayoutText {#text} at (0,0) size 285x13
text run at (0,0) width 285: "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 285
LayoutBlockFlow {DIV} at (3,3) size 125x13
LayoutText {#text} at (0,0) size 285x13
text run at (0,0) width 285: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (419,143) size 113x13 scrollWidth 285
LayoutBlockFlow {DIV} at (0,0) size 113x13
LayoutText {#text} at (0,0) size 285x13
text run at (0,0) width 285: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (555,143) size 125x13 scrollWidth 306
LayoutBlockFlow {DIV} at (3,3) size 125x13
LayoutText {#text} at (0,0) size 305x13
text run at (0,0) width 305: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\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 158.00 scrollWidth 284
LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9]
LayoutText {#text} at (-158,0) size 284x13
text run at (-158,0) width 283: "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 170.00 scrollWidth 284
LayoutBlockFlow {DIV} at (4,3) size 113x13 [color=#A9A9A9]
LayoutText {#text} at (-170,0) size 284x13
text run at (-170,0) width 283: "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 158.00 scrollWidth 284
LayoutBlockFlow {DIV} at (3,3) size 125x13
LayoutText {#text} at (-158,0) size 284x13
text run at (-158,0) width 283: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (419,162) size 113x13 scrollX 170.00 scrollWidth 284
LayoutBlockFlow {DIV} at (0,0) size 113x13
LayoutText {#text} at (-170,0) size 284x13
text run at (-170,0) width 283: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (555,162) size 125x13 scrollX 179.00 scrollWidth 305
LayoutBlockFlow {DIV} at (3,3) size 125x13
LayoutText {#text} at (-179,0) size 305x13
text run at (-179,0) width 304 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 284
LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9]
LayoutText {#text} at (0,0) size 285x13
text run at (0,0) width 285: "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 285
LayoutBlockFlow {DIV} at (3,3) size 125x13
LayoutText {#text} at (0,0) size 285x13
text run at (0,0) width 285: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (281,234) size 125x13 scrollWidth 284
LayoutBlockFlow {DIV} at (3,3) size 125x13 [color=#A9A9A9]
LayoutText {#text} at (0,0) size 285x13
text run at (0,0) width 285: "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 285
LayoutBlockFlow {DIV} at (3,3) size 125x13
LayoutText {#text} at (0,0) size 285x13
text run at (0,0) width 285: "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