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