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 |