1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1239
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 785x1239 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
4 LayoutBlockFlow {HTML} at (0,0) size 785x1238.69
5 LayoutBlockFlow {BODY} at (8,8) size 769x1222.69 [bgcolor=#FFFFFF]
6 LayoutBlockFlow {H1} at (0,0) size 769x37
7 LayoutText {#text} at (0,0) size 352x36
8 text run at (0,0) width 352: "Safari 1.0 PRE width bug"
9 LayoutBlockFlow (anonymous) at (0,58.44) size 769x80
10 LayoutText {#text} at (0,0) size 95x19
11 text run at (0,0) width 95: "As noted in my "
12 LayoutInline {A} at (0,0) size 26x19 [color=#0000EE]
13 LayoutText {#text} at (95,0) size 26x19
14 text run at (95,0) width 26: "blog"
15 LayoutText {#text} at (121,0) size 762x79
16 text run at (121,0) width 8: ", "
17 text run at (129,0) width 406: "in certain cases Safari will miscalculate the width of a PRE element. "
18 text run at (535,0) width 194: "I think I've found the trigger. If a"
19 text run at (0,20) width 245: "nested container element is preceded by "
20 text run at (245,20) width 423: "uncontained text and a blank line, and there are \"too many\" characters "
21 text run at (668,20) width 94: "contained in the"
22 text run at (0,40) width 292: "nested element, the PRE width will be too wide. "
23 text run at (292,40) width 418: "In the examples below, the nested element is a SPAN whose content "
24 text run at (710,40) width 31: "is the"
25 text run at (0,60) width 180: "days-of-week line, as follows:"
26 LayoutBlockFlow {PRE} at (0,151.44) size 769x16
27 LayoutText {#text} at (0,0) size 376x16
28 text run at (0,0) width 376: " <SPAN CLASS=dow> D M T W J F S</SPAN>"
29 text run at (376,0) width 0: " "
30 LayoutBlockFlow {H2} at (0,187.34) size 769x27
31 LayoutText {#text} at (0,0) size 108x26
32 text run at (0,0) width 108: "Example 1"
33 LayoutTable {TABLE} at (0,234.25) size 769x181
34 LayoutTableSection {TBODY} at (0,0) size 769x181
35 LayoutTableRow {TR} at (0,2) size 769x177
36 LayoutTableCell {TD} at (2,2) size 177x177 [r=0 c=0 rs=1 cs=1]
37 LayoutBlockFlow {PRE} at (1,1) size 175x175 [bgcolor=#CCCC99] [border: (1px solid #000000)]
38 LayoutText {#text} at (7,8) size 97x32
39 text run at (7,8) width 97: " 2003"
40 text run at (103,8) width 1: " "
41 text run at (7,24) width 1: " "
42 LayoutInline {SPAN} at (0,0) size 161x20 [border: (1px solid #000000) none (2px solid #000000) none]
43 LayoutText {#text} at (7,39) size 161x17
44 text run at (7,39) width 161: " D M T W J F S"
45 LayoutText {#text} at (167,39) size 161x129
46 text run at (167,39) width 1: " "
47 text run at (7,56) width 1: " "
48 text run at (7,72) width 121: " September"
49 text run at (127,72) width 1: " "
50 text run at (7,88) width 161: " 1 2 3 4 5 6"
51 text run at (167,88) width 1: " "
52 text run at (7,104) width 161: " 7 8 9 10 11 12 13"
53 text run at (167,104) width 1: " "
54 text run at (7,120) width 161: "14 15 16 17 18 19 20"
55 text run at (167,120) width 1: " "
56 text run at (7,136) width 161: "21 22 23 24 25 26 27"
57 text run at (167,136) width 1: " "
58 text run at (7,152) width 65: "28 29 30"
59 LayoutTableCell {TD} at (181,2) size 586x22 [r=0 c=1 rs=1 cs=1]
60 LayoutText {#text} at (1,1) size 459x19
61 text run at (1,1) width 326: "The blank line between '2003' and the nested element "
62 text run at (327,1) width 133: "triggers the width bug."
63 LayoutBlockFlow (anonymous) at (0,415.25) size 769x20
64 LayoutBR {BR} at (0,0) size 0x19
65 LayoutBlockFlow {H2} at (0,455.16) size 769x27
66 LayoutText {#text} at (0,0) size 108x26
67 text run at (0,0) width 108: "Example 2"
68 LayoutTable {TABLE} at (0,502.06) size 769x181
69 LayoutTableSection {TBODY} at (0,0) size 769x181
70 LayoutTableRow {TR} at (0,2) size 769x177
71 LayoutTableCell {TD} at (2,2) size 177x177 [r=0 c=0 rs=1 cs=1]
72 LayoutBlockFlow {PRE} at (1,1) size 175x175 [bgcolor=#CCCC99] [border: (1px solid #000000)]
73 LayoutText {#text} at (7,8) size 97x32
74 text run at (7,8) width 97: " 2003"
75 text run at (103,8) width 1: " "
76 text run at (7,24) width 1: " "
77 LayoutInline {SPAN} at (0,0) size 97x20 [border: (1px solid #000000) none (2px solid #000000) none]
78 LayoutText {#text} at (7,39) size 97x17
79 text run at (7,39) width 97: " D M TWJFS"
80 LayoutText {#text} at (103,39) size 161x129
81 text run at (103,39) width 1: " "
82 text run at (7,56) width 1: " "
83 text run at (7,72) width 121: " September"
84 text run at (127,72) width 1: " "
85 text run at (7,88) width 161: " 1 2 3 4 5 6"
86 text run at (167,88) width 1: " "
87 text run at (7,104) width 161: " 7 8 9 10 11 12 13"
88 text run at (167,104) width 1: " "
89 text run at (7,120) width 161: "14 15 16 17 18 19 20"
90 text run at (167,120) width 1: " "
91 text run at (7,136) width 161: "21 22 23 24 25 26 27"
92 text run at (167,136) width 1: " "
93 text run at (7,152) width 65: "28 29 30"
94 LayoutTableCell {TD} at (181,2) size 586x78 [r=0 c=1 rs=1 cs=1]
95 LayoutBlockFlow (anonymous) at (1,1) size 584x20
96 LayoutText {#text} at (0,0) size 459x19
97 text run at (0,0) width 326: "The blank line between '2003' and the nested element "
98 text run at (326,0) width 133: "triggers the width bug."
99 LayoutBlockFlow {P} at (1,37) size 584x40
100 LayoutText {#text} at (0,0) size 567x39
101 text run at (0,0) width 337: "Here, the excess whitespace is reduced by reducing the "
102 text run at (337,0) width 230: "number of characters contained by the"
103 text run at (0,20) width 93: "nested element."
104 LayoutBlockFlow (anonymous) at (0,683.06) size 769x20
105 LayoutBR {BR} at (0,0) size 0x19
106 LayoutBlockFlow {H2} at (0,722.97) size 769x27
107 LayoutText {#text} at (0,0) size 108x26
108 text run at (0,0) width 108: "Example 3"
109 LayoutTable {TABLE} at (0,769.88) size 769x165
110 LayoutTableSection {TBODY} at (0,0) size 769x165
111 LayoutTableRow {TR} at (0,2) size 769x161
112 LayoutTableCell {TD} at (2,2) size 177x161 [r=0 c=0 rs=1 cs=1]
113 LayoutBlockFlow {PRE} at (1,1) size 175x159 [bgcolor=#CCCC99] [border: (1px solid #000000)]
114 LayoutText {#text} at (7,8) size 97x16
115 text run at (7,8) width 97: " 2003"
116 text run at (103,8) width 1: " "
117 LayoutInline {SPAN} at (0,0) size 161x20 [border: (1px solid #000000) none (2px solid #000000) none]
118 LayoutText {#text} at (7,23) size 161x17
119 text run at (7,23) width 161: " D M T W J F S"
120 LayoutText {#text} at (167,23) size 161x129
121 text run at (167,23) width 1: " "
122 text run at (7,40) width 1: " "
123 text run at (7,56) width 121: " September"
124 text run at (127,56) width 1: " "
125 text run at (7,72) width 161: " 1 2 3 4 5 6"
126 text run at (167,72) width 1: " "
127 text run at (7,88) width 161: " 7 8 9 10 11 12 13"
128 text run at (167,88) width 1: " "
129 text run at (7,104) width 161: "14 15 16 17 18 19 20"
130 text run at (167,104) width 1: " "
131 text run at (7,120) width 161: "21 22 23 24 25 26 27"
132 text run at (167,120) width 1: " "
133 text run at (7,136) width 65: "28 29 30"
134 LayoutTableCell {TD} at (181,2) size 586x42 [r=0 c=1 rs=1 cs=1]
135 LayoutText {#text} at (1,1) size 542x39
136 text run at (1,1) width 326: "The blank line between '2003' and the nested element "
137 text run at (327,1) width 216: "has been removed, so the bug is not"
138 text run at (1,21) width 57: "triggered."
139 LayoutBlockFlow (anonymous) at (0,934.88) size 769x20
140 LayoutBR {BR} at (0,0) size 0x19
141 LayoutBlockFlow {H2} at (0,974.78) size 769x27
142 LayoutText {#text} at (0,0) size 108x26
143 text run at (0,0) width 108: "Example 4"
144 LayoutTable {TABLE} at (0,1021.69) size 769x181
145 LayoutTableSection {TBODY} at (0,0) size 769x181
146 LayoutTableRow {TR} at (0,2) size 769x177
147 LayoutTableCell {TD} at (2,2) size 177x177 [r=0 c=0 rs=1 cs=1]
148 LayoutBlockFlow {PRE} at (1,1) size 175x175 [bgcolor=#CCCC99] [border: (1px solid #000000)]
149 LayoutInline {SPAN} at (0,0) size 97x16
150 LayoutText {#text} at (7,8) size 97x16
151 text run at (7,8) width 97: " 2003"
152 LayoutText {#text} at (103,8) size 97x32
153 text run at (103,8) width 1: " "
154 text run at (7,24) width 1: " "
155 LayoutInline {SPAN} at (0,0) size 161x20 [border: (1px solid #000000) none (2px solid #000000) none]
156 LayoutText {#text} at (7,39) size 161x17
157 text run at (7,39) width 161: " D M T W J F S"
158 LayoutText {#text} at (167,39) size 161x129
159 text run at (167,39) width 1: " "
160 text run at (7,56) width 1: " "
161 text run at (7,72) width 121: " September"
162 text run at (127,72) width 1: " "
163 text run at (7,88) width 161: " 1 2 3 4 5 6"
164 text run at (167,88) width 1: " "
165 text run at (7,104) width 161: " 7 8 9 10 11 12 13"
166 text run at (167,104) width 1: " "
167 text run at (7,120) width 161: "14 15 16 17 18 19 20"
168 text run at (167,120) width 1: " "
169 text run at (7,136) width 161: "21 22 23 24 25 26 27"
170 text run at (167,136) width 1: " "
171 text run at (7,152) width 65: "28 29 30"
172 LayoutTableCell {TD} at (181,2) size 586x42 [r=0 c=1 rs=1 cs=1]
173 LayoutText {#text} at (1,1) size 572x39
174 text run at (1,1) width 326: "The blank line between '2003' and the nested element "
175 text run at (327,1) width 246: "no longer triggers the width bug, because"
176 text run at (1,21) width 219: "now the '2003' is itself contained by "
177 text run at (220,21) width 281: "a nested element (in this case, another SPAN)."
178 LayoutBlockFlow (anonymous) at (0,1202.69) size 769x20
179 LayoutBR {BR} at (0,0) size 0x19