| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 RenderView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x600 | |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | |
| 5 RenderBody {BODY} at (8,8) size 784x584 | |
| 6 RenderText {#text} at (0,0) size 262x19 | |
| 7 text run at (0,0) width 262: "This tests the -webkit-line-clamp property
" | |
| 8 RenderBR {BR} at (262,15) size 0x0 | |
| 9 RenderBR {BR} at (0,18) size 0x19 | |
| 10 RenderText {#text} at (102,96) size 4x19 | |
| 11 text run at (102,96) width 4: " " | |
| 12 RenderText {#text} at (208,96) size 4x19 | |
| 13 text run at (208,96) width 4: " " | |
| 14 RenderText {#text} at (314,96) size 4x19 | |
| 15 text run at (314,96) width 4: " " | |
| 16 RenderText {#text} at (420,96) size 4x19 | |
| 17 text run at (420,96) width 4: " " | |
| 18 RenderText {#text} at (526,96) size 4x19 | |
| 19 text run at (526,96) width 4: " " | |
| 20 RenderText {#text} at (632,96) size 4x19 | |
| 21 text run at (632,96) width 4: " " | |
| 22 RenderText {#text} at (0,0) size 0x0 | |
| 23 RenderText {#text} at (102,224) size 4x19 | |
| 24 text run at (102,224) width 4: " " | |
| 25 RenderText {#text} at (208,224) size 4x19 | |
| 26 text run at (208,224) width 4: " " | |
| 27 RenderText {#text} at (0,0) size 0x0 | |
| 28 layer at (8,44) size 102x75 clip at (9,45) size 100x73 scrollHeight 127 | |
| 29 RenderDeprecatedFlexibleBox {DIV} at (0,36) size 102x75 [border: (1px solid #8
08080)] | |
| 30 RenderBlock (anonymous) at (1,1) size 100x73 | |
| 31 RenderText {#text} at (0,0) size 100x127 | |
| 32 text run at (0,0) width 100: "50% truncation." | |
| 33 text run at (0,18) width 61: "This is an" | |
| 34 text run at (0,36) width 70: "example of" | |
| 35 text run at (0,54) width 48: "ellipsis-" | |
| 36 text run at (0,72) width 80: "truncation of" | |
| 37 text run at (0,90) width 60: "multi-line" | |
| 38 text run at (0,108) width 27: "text." | |
| 39 RenderInline {A} at (0,0) size 34x19 [color=#0000EE] | |
| 40 RenderText {#text} at (27,108) size 34x19 | |
| 41 text run at (27,108) width 34: "More" | |
| 42 RenderText {#text} at (0,0) size 0x0 | |
| 43 layer at (114,98) size 102x21 clip at (115,99) size 100x19 scrollHeight 109 | |
| 44 RenderDeprecatedFlexibleBox {DIV} at (106,90) size 102x21 [border: (1px solid
#808080)] | |
| 45 RenderBlock (anonymous) at (1,1) size 100x19 | |
| 46 RenderText {#text} at (0,0) size 97x109 | |
| 47 text run at (0,0) width 92: "0% truncation." | |
| 48 text run at (0,18) width 84: "This does the" | |
| 49 text run at (0,36) width 97: "most truncation" | |
| 50 text run at (0,54) width 55: "possible," | |
| 51 text run at (0,72) width 91: "truncating to 1" | |
| 52 text run at (0,90) width 27: "line." | |
| 53 RenderInline {A} at (0,0) size 34x19 [color=#0000EE] | |
| 54 RenderText {#text} at (27,90) size 34x19 | |
| 55 text run at (27,90) width 34: "More" | |
| 56 RenderText {#text} at (0,0) size 0x0 | |
| 57 layer at (220,80) size 102x39 clip at (221,81) size 100x37 scrollHeight 109 | |
| 58 RenderDeprecatedFlexibleBox {DIV} at (212,72) size 102x39 [border: (1px solid
#808080)] | |
| 59 RenderBlock (anonymous) at (1,1) size 100x37 | |
| 60 RenderText {#text} at (0,0) size 91x109 | |
| 61 text run at (0,0) width 49: "2 lines. " | |
| 62 text run at (49,0) width 42: "This is" | |
| 63 text run at (0,18) width 89: "an example of" | |
| 64 text run at (0,36) width 48: "ellipsis-" | |
| 65 text run at (0,54) width 80: "truncation of" | |
| 66 text run at (0,72) width 60: "multi-line" | |
| 67 text run at (0,90) width 27: "text." | |
| 68 RenderInline {A} at (0,0) size 34x19 [color=#0000EE] | |
| 69 RenderText {#text} at (27,90) size 34x19 | |
| 70 text run at (27,90) width 34: "More" | |
| 71 RenderText {#text} at (0,0) size 0x0 | |
| 72 layer at (326,62) size 102x57 clip at (327,63) size 100x55 scrollHeight 163 | |
| 73 RenderDeprecatedFlexibleBox {DIV} at (318,54) size 102x57 [border: (1px solid
#808080)] | |
| 74 RenderBlock (anonymous) at (1,1) size 100x55 | |
| 75 RenderText {#text} at (0,0) size 99x163 | |
| 76 text run at (0,0) width 71: "Backwards" | |
| 77 text run at (0,18) width 69: "compatible" | |
| 78 text run at (0,36) width 71: "truncation. " | |
| 79 text run at (71,36) width 8: "3" | |
| 80 text run at (0,54) width 72: "lines on the" | |
| 81 text run at (0,72) width 99: "latest version of" | |
| 82 text run at (0,90) width 58: "WebKit. " | |
| 83 text run at (58,90) width 35: "1 line" | |
| 84 text run at (0,108) width 52: "on older" | |
| 85 text run at (0,126) width 69: "versions of" | |
| 86 text run at (0,144) width 54: "WebKit." | |
| 87 RenderInline {A} at (0,0) size 34x19 [color=#0000EE] | |
| 88 RenderText {#text} at (54,144) size 34x19 | |
| 89 text run at (54,144) width 34: "More" | |
| 90 RenderText {#text} at (0,0) size 0x0 | |
| 91 layer at (432,80) size 102x39 clip at (433,81) size 100x37 scrollHeight 127 | |
| 92 RenderDeprecatedFlexibleBox {DIV} at (424,72) size 102x39 [border: (1px solid
#808080)] | |
| 93 RenderBlock (anonymous) at (1,1) size 100x37 | |
| 94 RenderText {#text} at (0,0) size 100x127 | |
| 95 text run at (0,0) width 100: "30% truncation." | |
| 96 text run at (0,18) width 86: "No link at the" | |
| 97 text run at (0,36) width 31: "end. " | |
| 98 text run at (31,36) width 61: "This is an" | |
| 99 text run at (0,54) width 70: "example of" | |
| 100 text run at (0,72) width 48: "ellipsis-" | |
| 101 text run at (0,90) width 80: "truncation of" | |
| 102 text run at (0,108) width 91: "multi-line text." | |
| 103 layer at (538,62) size 102x57 clip at (539,63) size 100x55 scrollHeight 109 | |
| 104 RenderDeprecatedFlexibleBox {DIV} at (530,54) size 102x57 [border: (1px solid
#808080)] | |
| 105 RenderBlock (anonymous) at (1,1) size 100x55 | |
| 106 RenderText {#text} at (0,0) size 97x109 | |
| 107 text run at (0,0) width 49: "3 lines. " | |
| 108 text run at (49,0) width 48: "No link" | |
| 109 text run at (0,18) width 69: "at the end. " | |
| 110 text run at (69,18) width 28: "This" | |
| 111 text run at (0,36) width 86: "is an example" | |
| 112 text run at (0,54) width 65: "of ellipsis-" | |
| 113 text run at (0,72) width 80: "truncation of" | |
| 114 text run at (0,90) width 91: "multi-line text." | |
| 115 layer at (644,49) size 102x74 clip at (645,50) size 100x72 scrollHeight 73 | |
| 116 RenderDeprecatedFlexibleBox {DIV} at (636,41) size 102x74 [border: (1px solid
#808080)] | |
| 117 RenderBlock (anonymous) at (1,1) size 100x72 | |
| 118 RenderText {#text} at (0,0) size 100x73 | |
| 119 text run at (0,0) width 49: "0 lines. " | |
| 120 text run at (49,0) width 42: "This is" | |
| 121 text run at (0,18) width 100: "an invalid value" | |
| 122 text run at (0,36) width 75: "for -webkit-" | |
| 123 text run at (0,54) width 70: "line-clamp." | |
| 124 layer at (8,177) size 102x74 clip at (9,178) size 100x72 scrollHeight 73 | |
| 125 RenderDeprecatedFlexibleBox {DIV} at (0,169) size 102x74 [border: (1px solid #
808080)] | |
| 126 RenderBlock (anonymous) at (1,1) size 100x72 | |
| 127 RenderText {#text} at (0,0) size 100x73 | |
| 128 text run at (0,0) width 54: "-1 lines. " | |
| 129 text run at (54,0) width 42: "This is" | |
| 130 text run at (0,18) width 100: "an invalid value" | |
| 131 text run at (0,36) width 75: "for -webkit-" | |
| 132 text run at (0,54) width 70: "line-clamp." | |
| 133 layer at (114,177) size 102x74 clip at (115,178) size 100x72 scrollHeight 73 | |
| 134 RenderDeprecatedFlexibleBox {DIV} at (106,169) size 102x74 [border: (1px solid
#808080)] | |
| 135 RenderBlock (anonymous) at (1,1) size 100x72 | |
| 136 RenderText {#text} at (0,0) size 95x73 | |
| 137 text run at (0,0) width 34: "-1%. " | |
| 138 text run at (34,0) width 61: "This is an" | |
| 139 text run at (0,18) width 81: "invalid value" | |
| 140 text run at (0,36) width 75: "for -webkit-" | |
| 141 text run at (0,54) width 70: "line-clamp." | |
| 142 layer at (220,123) size 102x128 clip at (221,124) size 100x126 scrollHeight 127 | |
| 143 RenderDeprecatedFlexibleBox {DIV} at (212,115) size 102x128 [border: (1px soli
d #808080)] | |
| 144 RenderBlock (anonymous) at (1,1) size 100x126 | |
| 145 RenderText {#text} at (0,0) size 99x127 | |
| 146 text run at (0,0) width 37: "150%" | |
| 147 text run at (0,18) width 71: "truncation. " | |
| 148 text run at (71,18) width 28: "This" | |
| 149 text run at (0,36) width 84: "does the least" | |
| 150 text run at (0,54) width 63: "truncation" | |
| 151 text run at (0,72) width 55: "possible," | |
| 152 text run at (0,90) width 63: "truncating" | |
| 153 text run at (0,108) width 52: "nothing." | |
| OLD | NEW |