| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1187 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 785x1187 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 785x1186.69 | |
| 5 LayoutBlockFlow {BODY} at (8,8) size 769x1170.69 [bgcolor=#FFFFFF] | |
| 6 LayoutBlockFlow {H1} at (0,0) size 769x37 | |
| 7 LayoutText {#text} at (0,0) size 350x37 | |
| 8 text run at (0,0) width 350: "Safari 1.0 PRE width bug" | |
| 9 LayoutBlockFlow (anonymous) at (0,58.44) size 769x72 | |
| 10 LayoutText {#text} at (0,0) size 103x18 | |
| 11 text run at (0,0) width 103: "As noted in my " | |
| 12 LayoutInline {A} at (0,0) size 29x18 [color=#0000EE] | |
| 13 LayoutText {#text} at (102,0) size 29x18 | |
| 14 text run at (102,0) width 29: "blog" | |
| 15 LayoutText {#text} at (130,0) size 765x72 | |
| 16 text run at (130,0) width 9: ", " | |
| 17 text run at (138,0) width 442: "in certain cases Safari will miscalcul
ate the width of a PRE element. " | |
| 18 text run at (579,0) width 186: "I think I've found the trigger." | |
| 19 text run at (0,18) width 286: "If a nested container element is preced
ed by " | |
| 20 text run at (285,18) width 449: "uncontained text and a blank line, an
d there are \"too many\" characters" | |
| 21 text run at (0,36) width 419: "contained in the nested element, the PR
E width will be too wide. " | |
| 22 text run at (418,36) width 341: "In the examples below, the nested ele
ment is a SPAN" | |
| 23 text run at (0,54) width 96: "whose content " | |
| 24 text run at (95,54) width 233: "is the days-of-week line, as follows:" | |
| 25 LayoutBlockFlow {PRE} at (0,143.44) size 769x15 | |
| 26 LayoutText {#text} at (0,0) size 367x15 | |
| 27 text run at (0,0) width 367: " <SPAN CLASS=dow> D M T W J F S
</SPAN>" | |
| 28 text run at (366,0) width 1: " " | |
| 29 LayoutBlockFlow {H2} at (0,178.34) size 769x28 | |
| 30 LayoutText {#text} at (0,0) size 109x28 | |
| 31 text run at (0,0) width 109: "Example 1" | |
| 32 LayoutTable {TABLE} at (0,226.25) size 769x171 | |
| 33 LayoutTableSection {TBODY} at (0,0) size 769x171 | |
| 34 LayoutTableRow {TR} at (0,2) size 769x167 | |
| 35 LayoutTableCell {TD} at (2,2) size 174x167 [r=0 c=0 rs=1 cs=1] | |
| 36 LayoutBlockFlow {PRE} at (1,1) size 172x165 [bgcolor=#CCCC99] [bor
der: (1px solid #000000)] | |
| 37 LayoutText {#text} at (7,8) size 95x30 | |
| 38 text run at (7,8) width 95: " 2003" | |
| 39 text run at (101,8) width 1: " " | |
| 40 text run at (7,23) width 1: " " | |
| 41 LayoutInline {SPAN} at (0,0) size 157x19 [border: (1px solid #00
0000) none (2px solid #000000) none] | |
| 42 LayoutText {#text} at (7,37) size 157x16 | |
| 43 text run at (7,37) width 157: " D M T W J F S" | |
| 44 LayoutText {#text} at (163,37) size 157x121 | |
| 45 text run at (163,37) width 1: " " | |
| 46 text run at (7,53) width 1: " " | |
| 47 text run at (7,68) width 118: " September" | |
| 48 text run at (124,68) width 1: " " | |
| 49 text run at (7,83) width 157: " 1 2 3 4 5 6" | |
| 50 text run at (163,83) width 1: " " | |
| 51 text run at (7,98) width 157: " 7 8 9 10 11 12 13" | |
| 52 text run at (163,98) width 1: " " | |
| 53 text run at (7,113) width 157: "14 15 16 17 18 19 20" | |
| 54 text run at (163,113) width 1: " " | |
| 55 text run at (7,128) width 157: "21 22 23 24 25 26 27" | |
| 56 text run at (163,128) width 1: " " | |
| 57 text run at (7,143) width 63: "28 29 30" | |
| 58 LayoutTableCell {TD} at (178,2) size 589x20 [r=0 c=1 rs=1 cs=1] | |
| 59 LayoutText {#text} at (1,1) size 491x18 | |
| 60 text run at (1,1) width 346: "The blank line between '2003' and
the nested element " | |
| 61 text run at (346,1) width 146: "triggers the width bug." | |
| 62 LayoutBlockFlow (anonymous) at (0,397.25) size 769x18 | |
| 63 LayoutBR {BR} at (0,0) size 0x18 | |
| 64 LayoutBlockFlow {H2} at (0,435.16) size 769x28 | |
| 65 LayoutText {#text} at (0,0) size 109x28 | |
| 66 text run at (0,0) width 109: "Example 2" | |
| 67 LayoutTable {TABLE} at (0,483.06) size 769x171 | |
| 68 LayoutTableSection {TBODY} at (0,0) size 769x171 | |
| 69 LayoutTableRow {TR} at (0,2) size 769x167 | |
| 70 LayoutTableCell {TD} at (2,2) size 174x167 [r=0 c=0 rs=1 cs=1] | |
| 71 LayoutBlockFlow {PRE} at (1,1) size 172x165 [bgcolor=#CCCC99] [bor
der: (1px solid #000000)] | |
| 72 LayoutText {#text} at (7,8) size 95x30 | |
| 73 text run at (7,8) width 95: " 2003" | |
| 74 text run at (101,8) width 1: " " | |
| 75 text run at (7,23) width 1: " " | |
| 76 LayoutInline {SPAN} at (0,0) size 95x19 [border: (1px solid #000
000) none (2px solid #000000) none] | |
| 77 LayoutText {#text} at (7,37) size 95x16 | |
| 78 text run at (7,37) width 95: " D M TWJFS" | |
| 79 LayoutText {#text} at (101,37) size 157x121 | |
| 80 text run at (101,37) width 1: " " | |
| 81 text run at (7,53) width 1: " " | |
| 82 text run at (7,68) width 118: " September" | |
| 83 text run at (124,68) width 1: " " | |
| 84 text run at (7,83) width 157: " 1 2 3 4 5 6" | |
| 85 text run at (163,83) width 1: " " | |
| 86 text run at (7,98) width 157: " 7 8 9 10 11 12 13" | |
| 87 text run at (163,98) width 1: " " | |
| 88 text run at (7,113) width 157: "14 15 16 17 18 19 20" | |
| 89 text run at (163,113) width 1: " " | |
| 90 text run at (7,128) width 157: "21 22 23 24 25 26 27" | |
| 91 text run at (163,128) width 1: " " | |
| 92 text run at (7,143) width 63: "28 29 30" | |
| 93 LayoutTableCell {TD} at (178,2) size 589x72 [r=0 c=1 rs=1 cs=1] | |
| 94 LayoutBlockFlow (anonymous) at (1,1) size 587x18 | |
| 95 LayoutText {#text} at (0,0) size 491x18 | |
| 96 text run at (0,0) width 346: "The blank line between '2003' an
d the nested element " | |
| 97 text run at (345,0) width 146: "triggers the width bug." | |
| 98 LayoutBlockFlow {P} at (1,35) size 587x36 | |
| 99 LayoutText {#text} at (0,0) size 578x36 | |
| 100 text run at (0,0) width 357: "Here, the excess whitespace is r
educed by reducing the " | |
| 101 text run at (356,0) width 222: "number of characters contained
by" | |
| 102 text run at (0,18) width 124: "the nested element." | |
| 103 LayoutBlockFlow (anonymous) at (0,654.06) size 769x18 | |
| 104 LayoutBR {BR} at (0,0) size 0x18 | |
| 105 LayoutBlockFlow {H2} at (0,691.97) size 769x28 | |
| 106 LayoutText {#text} at (0,0) size 109x28 | |
| 107 text run at (0,0) width 109: "Example 3" | |
| 108 LayoutTable {TABLE} at (0,739.88) size 769x156 | |
| 109 LayoutTableSection {TBODY} at (0,0) size 769x156 | |
| 110 LayoutTableRow {TR} at (0,2) size 769x152 | |
| 111 LayoutTableCell {TD} at (2,2) size 174x152 [r=0 c=0 rs=1 cs=1] | |
| 112 LayoutBlockFlow {PRE} at (1,1) size 172x150 [bgcolor=#CCCC99] [bor
der: (1px solid #000000)] | |
| 113 LayoutText {#text} at (7,8) size 95x15 | |
| 114 text run at (7,8) width 95: " 2003" | |
| 115 text run at (101,8) width 1: " " | |
| 116 LayoutInline {SPAN} at (0,0) size 157x19 [border: (1px solid #00
0000) none (2px solid #000000) none] | |
| 117 LayoutText {#text} at (7,22) size 157x16 | |
| 118 text run at (7,22) width 157: " D M T W J F S" | |
| 119 LayoutText {#text} at (163,22) size 157x121 | |
| 120 text run at (163,22) width 1: " " | |
| 121 text run at (7,38) width 1: " " | |
| 122 text run at (7,53) width 118: " September" | |
| 123 text run at (124,53) width 1: " " | |
| 124 text run at (7,68) width 157: " 1 2 3 4 5 6" | |
| 125 text run at (163,68) width 1: " " | |
| 126 text run at (7,83) width 157: " 7 8 9 10 11 12 13" | |
| 127 text run at (163,83) width 1: " " | |
| 128 text run at (7,98) width 157: "14 15 16 17 18 19 20" | |
| 129 text run at (163,98) width 1: " " | |
| 130 text run at (7,113) width 157: "21 22 23 24 25 26 27" | |
| 131 text run at (163,113) width 1: " " | |
| 132 text run at (7,128) width 63: "28 29 30" | |
| 133 LayoutTableCell {TD} at (178,2) size 589x38 [r=0 c=1 rs=1 cs=1] | |
| 134 LayoutText {#text} at (1,1) size 575x36 | |
| 135 text run at (1,1) width 346: "The blank line between '2003' and
the nested element " | |
| 136 text run at (346,1) width 230: "has been removed, so the bug is
not" | |
| 137 text run at (1,19) width 62: "triggered." | |
| 138 LayoutBlockFlow (anonymous) at (0,895.88) size 769x18 | |
| 139 LayoutBR {BR} at (0,0) size 0x18 | |
| 140 LayoutBlockFlow {H2} at (0,933.78) size 769x28 | |
| 141 LayoutText {#text} at (0,0) size 109x28 | |
| 142 text run at (0,0) width 109: "Example 4" | |
| 143 LayoutTable {TABLE} at (0,981.69) size 769x171 | |
| 144 LayoutTableSection {TBODY} at (0,0) size 769x171 | |
| 145 LayoutTableRow {TR} at (0,2) size 769x167 | |
| 146 LayoutTableCell {TD} at (2,2) size 174x167 [r=0 c=0 rs=1 cs=1] | |
| 147 LayoutBlockFlow {PRE} at (1,1) size 172x165 [bgcolor=#CCCC99] [bor
der: (1px solid #000000)] | |
| 148 LayoutInline {SPAN} at (0,0) size 95x15 | |
| 149 LayoutText {#text} at (7,8) size 95x15 | |
| 150 text run at (7,8) width 95: " 2003" | |
| 151 LayoutText {#text} at (101,8) size 95x30 | |
| 152 text run at (101,8) width 1: " " | |
| 153 text run at (7,23) width 1: " " | |
| 154 LayoutInline {SPAN} at (0,0) size 157x19 [border: (1px solid #00
0000) none (2px solid #000000) none] | |
| 155 LayoutText {#text} at (7,37) size 157x16 | |
| 156 text run at (7,37) width 157: " D M T W J F S" | |
| 157 LayoutText {#text} at (163,37) size 157x121 | |
| 158 text run at (163,37) width 1: " " | |
| 159 text run at (7,53) width 1: " " | |
| 160 text run at (7,68) width 118: " September" | |
| 161 text run at (124,68) width 1: " " | |
| 162 text run at (7,83) width 157: " 1 2 3 4 5 6" | |
| 163 text run at (163,83) width 1: " " | |
| 164 text run at (7,98) width 157: " 7 8 9 10 11 12 13" | |
| 165 text run at (163,98) width 1: " " | |
| 166 text run at (7,113) width 157: "14 15 16 17 18 19 20" | |
| 167 text run at (163,113) width 1: " " | |
| 168 text run at (7,128) width 157: "21 22 23 24 25 26 27" | |
| 169 text run at (163,128) width 1: " " | |
| 170 text run at (7,143) width 63: "28 29 30" | |
| 171 LayoutTableCell {TD} at (178,2) size 589x38 [r=0 c=1 rs=1 cs=1] | |
| 172 LayoutText {#text} at (1,1) size 585x36 | |
| 173 text run at (1,1) width 346: "The blank line between '2003' and
the nested element " | |
| 174 text run at (346,1) width 211: "no longer triggers the width bug
," | |
| 175 text run at (1,19) width 289: "because now the '2003' is itself
contained by " | |
| 176 text run at (289,19) width 297: "a nested element (in this case,
another SPAN)." | |
| 177 LayoutBlockFlow (anonymous) at (0,1152.69) size 769x18 | |
| 178 LayoutBR {BR} at (0,0) size 0x18 | |
| OLD | NEW |