1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollY 64.00 scrollHeight 1029
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 785x1029 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
4 LayoutBlockFlow {HTML} at (0,0) size 785x1029.27
5 LayoutBlockFlow {BODY} at (8,21.27) size 769x1000
6 LayoutBlockFlow {H4} at (0,0) size 769x18
7 LayoutText {#text} at (0,0) size 291x17
8 text run at (0,0) width 291: "Safari Fixed / Overflow Hidden Scroll Bug"
9 LayoutBlockFlow {PRE} at (0,39.27) size 769x0
10 LayoutBlockFlow {PRE} at (0,39.27) size 769x528
11 LayoutText {#text} at (0,0) size 264x528
12 text run at (0,0) width 72: "#fixed1 {"
13 text run at (72,0) width 0: " "
14 text run at (0,16) width 192: "\x{9}position: fixed;"
15 text run at (192,16) width 0: " "
16 text run at (0,32) width 144: "\x{9}top: 80px;"
17 text run at (144,32) width 0: " "
18 text run at (0,48) width 160: "\x{9}left: 300px;"
19 text run at (160,48) width 0: " "
20 text run at (0,64) width 184: "\x{9}width: 150px; }"
21 text run at (184,64) width 0: " "
22 text run at (0,80) width 72: "#fixed2 {"
23 text run at (72,80) width 0: " "
24 text run at (0,96) width 192: "\x{9}position: fixed;"
25 text run at (192,96) width 0: " "
26 text run at (0,112) width 144: "\x{9}top: 80px;"
27 text run at (144,112) width 0: " "
28 text run at (0,128) width 160: "\x{9}left: 500px;"
29 text run at (160,128) width 0: " "
30 text run at (0,144) width 184: "\x{9}width: 150px; }"
31 text run at (184,144) width 0: " "
32 text run at (0,160) width 72: "#fixed3 {"
33 text run at (72,160) width 0: " "
34 text run at (0,176) width 192: "\x{9}position: fixed;"
35 text run at (192,176) width 0: " "
36 text run at (0,192) width 144: "\x{9}top: 80px;"
37 text run at (144,192) width 0: " "
38 text run at (0,208) width 160: "\x{9}left: 700px;"
39 text run at (160,208) width 0: " "
40 text run at (0,224) width 184: "\x{9}width: 150px; }"
41 text run at (184,224) width 0: " "
42 text run at (0,240) width 136: ".overflowHidden {"
43 text run at (136,240) width 0: " "
44 text run at (0,256) width 216: "\x{9}overflow: hidden; }"
45 text run at (216,256) width 0: " "
46 text run at (0,272) width 88: ".relative {"
47 text run at (88,272) width 0: " "
48 text run at (0,288) width 232: "\x{9}position: relative; }"
49 text run at (232,288) width 0: " "
50 text run at (0,304) width 88: ".absolute {"
51 text run at (88,304) width 0: " "
52 text run at (0,320) width 216: "\x{9}position: absolute;"
53 text run at (216,320) width 0: " "
54 text run at (0,336) width 120: "\x{9}top: 0;"
55 text run at (120,336) width 0: " "
56 text run at (0,352) width 152: "\x{9}right: 0; }"
57 text run at (152,352) width 0: " "
58 text run at (0,368) width 40: "div {"
59 text run at (40,368) width 0: " "
60 text run at (0,384) width 168: "\x{9}padding: 5px;"
61 text run at (168,384) width 0: " "
62 text run at (0,400) width 160: "\x{9}margin: 5px;"
63 text run at (160,400) width 0: " "
64 text run at (0,416) width 264: "\x{9}border: solid 1px #999; }"
65 text run at (264,416) width 0: " "
66 text run at (0,432) width 96: "#veryLarge {"
67 text run at (96,432) width 0: " "
68 text run at (0,448) width 216: "\x{9}position: relative;"
69 text run at (216,448) width 0: " "
70 text run at (0,464) width 176: "\x{9}height:1000px;"
71 text run at (176,464) width 0: " "
72 text run at (0,480) width 184: "\x{9}width:1500px; }"
73 text run at (184,480) width 0: " "
74 text run at (0,496) width 64: "\x{9}"
75 text run at (64,496) width 0: " "
76 text run at (0,512) width 0: " "
77 LayoutBlockFlow {P} at (0,583.27) size 769x18
78 LayoutText {#text} at (0,0) size 410x17
79 text run at (0,0) width 410: "When you scroll this page the following objects will be clipped:"
80 LayoutBlockFlow {P} at (0,617.27) size 769x18
81 LayoutText {#text} at (0,0) size 757x17
82 text run at (0,0) width 757: "- (relative objects and overflowHidden objects) inside (overflowHidden objects) inside (fixed objects) will be clipped;"
83 LayoutBlockFlow {P} at (0,651.27) size 769x36
84 LayoutText {#text} at (0,0) size 733x35
85 text run at (0,0) width 733: "- (relative objects and overflowHidden objects and absolute objects) inside (fixed/overflowHidden objects) will be"
86 text run at (0,18) width 52: "clipped;"
87 LayoutBlockFlow {P} at (0,703.27) size 769x36
88 LayoutText {#text} at (0,0) size 731x35
89 text run at (0,0) width 731: "Nice effect, but not what we want. Tested in Safari Version 2.0.4 (419.3), and WebKit Nightly Build Mon Nov 20"
90 text run at (0,18) width 129: "5:18:23 GMT 2006."
91 layer at (305,149) size 162x330
92 LayoutBlockFlow (positioned) {DIV} at (305,85) size 162x330 [border: (1px solid #999999)]
93 LayoutBlockFlow (anonymous) at (6,6) size 150x18
94 LayoutText {#text} at (0,0) size 49x17
95 text run at (0,0) width 49: "#fixed1"
96 LayoutBlockFlow {DIV} at (11,29) size 140x30 [border: (1px solid #999999)]
97 LayoutText {#text} at (6,6) size 51x17
98 text run at (6,6) width 51: "no style"
99 layer at (316,248) size 140x70 clip at (317,249) size 138x68
100 LayoutBlockFlow {DIV} at (11,99) size 140x70 [border: (1px solid #999999)]
101 LayoutBlockFlow (anonymous) at (6,6) size 128x18
102 LayoutText {#text} at (0,0) size 109x17
103 text run at (0,0) width 109: ".overflowHidden"
104 LayoutBlockFlow {DIV} at (11,29) size 118x30 [border: (1px solid #999999)]
105 LayoutText {#text} at (6,6) size 51x17
106 text run at (6,6) width 51: "no style"
107 layer at (316,323) size 140x70 clip at (317,324) size 138x68
108 LayoutBlockFlow {DIV} at (11,174) size 140x70 [border: (1px solid #999999)]
109 LayoutBlockFlow (anonymous) at (6,6) size 128x18
110 LayoutText {#text} at (0,0) size 109x17
111 text run at (0,0) width 109: ".overflowHidden"
112 layer at (316,398) size 140x70 clip at (317,399) size 138x68
113 LayoutBlockFlow {DIV} at (11,249) size 140x70 [border: (1px solid #999999)]
114 LayoutBlockFlow (anonymous) at (6,6) size 128x18
115 LayoutText {#text} at (0,0) size 109x17
116 text run at (0,0) width 109: ".overflowHidden"
117 layer at (327,427) size 118x30 clip at (328,428) size 116x28 scrollWidth 119
118 LayoutBlockFlow {DIV} at (11,29) size 118x30 [border: (1px solid #999999)]
119 LayoutText {#text} at (6,6) size 109x17
120 text run at (6,6) width 109: ".overflowHidden"
121 layer at (316,213) size 140x30
122 LayoutBlockFlow (relative positioned) {DIV} at (11,64) size 140x30 [border: (1px solid #999999)]
123 LayoutText {#text} at (6,6) size 52x17
124 text run at (6,6) width 52: ".relative"
125 layer at (392,155) size 69x30
126 LayoutBlockFlow (positioned) {DIV} at (86.67,6) size 69.33x30 [border: (1px solid #999999)]
127 LayoutText {#text} at (6,6) size 58x17
128 text run at (6,6) width 58: ".absolute"
129 layer at (327,352) size 118x30
130 LayoutBlockFlow (relative positioned) {DIV} at (11,29) size 118x30 [border: (1px solid #999999)]
131 LayoutText {#text} at (6,6) size 52x17
132 text run at (6,6) width 52: ".relative"
133 layer at (505,149) size 162x330 clip at (506,150) size 160x328 scrollWidth 163
134 LayoutBlockFlow (positioned) {DIV} at (505,85) size 162x330 [border: (1px solid #999999)]
135 LayoutBlockFlow (anonymous) at (6,6) size 150x18
136 LayoutText {#text} at (0,0) size 158x17
137 text run at (0,0) width 158: "#fixed2.overflowHidden"
138 LayoutBlockFlow {DIV} at (11,29) size 140x30 [border: (1px solid #999999)]
139 LayoutText {#text} at (6,6) size 51x17
140 text run at (6,6) width 51: "no style"
141 layer at (516,248) size 140x70 clip at (517,249) size 138x68
142 LayoutBlockFlow {DIV} at (11,99) size 140x70 [border: (1px solid #999999)]
143 LayoutBlockFlow (anonymous) at (6,6) size 128x18
144 LayoutText {#text} at (0,0) size 109x17
145 text run at (0,0) width 109: ".overflowHidden"
146 LayoutBlockFlow {DIV} at (11,29) size 118x30 [border: (1px solid #999999)]
147 LayoutText {#text} at (6,6) size 51x17
148 text run at (6,6) width 51: "no style"
149 layer at (516,323) size 140x70 clip at (517,324) size 138x68
150 LayoutBlockFlow {DIV} at (11,174) size 140x70 [border: (1px solid #999999)]
151 LayoutBlockFlow (anonymous) at (6,6) size 128x18
152 LayoutText {#text} at (0,0) size 109x17
153 text run at (0,0) width 109: ".overflowHidden"
154 layer at (516,398) size 140x70 clip at (517,399) size 138x68
155 LayoutBlockFlow {DIV} at (11,249) size 140x70 [border: (1px solid #999999)]
156 LayoutBlockFlow (anonymous) at (6,6) size 128x18
157 LayoutText {#text} at (0,0) size 109x17
158 text run at (0,0) width 109: ".overflowHidden"
159 layer at (527,427) size 118x30 clip at (528,428) size 116x28 scrollWidth 119
160 LayoutBlockFlow {DIV} at (11,29) size 118x30 [border: (1px solid #999999)]
161 LayoutText {#text} at (6,6) size 109x17
162 text run at (6,6) width 109: ".overflowHidden"
163 layer at (516,213) size 140x30
164 LayoutBlockFlow (relative positioned) {DIV} at (11,64) size 140x30 [border: (1px solid #999999)]
165 LayoutText {#text} at (6,6) size 52x17
166 text run at (6,6) width 52: ".relative"
167 layer at (592,155) size 69x30
168 LayoutBlockFlow (positioned) {DIV} at (86.67,6) size 69.33x30 [border: (1px solid #999999)]
169 LayoutText {#text} at (6,6) size 58x17
170 text run at (6,6) width 58: ".absolute"
171 layer at (527,352) size 118x30
172 LayoutBlockFlow (relative positioned) {DIV} at (11,29) size 118x30 [border: (1px solid #999999)]
173 LayoutText {#text} at (6,6) size 52x17
174 text run at (6,6) width 52: ".relative"
175 layer at (705,149) size 162x370 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
176 LayoutBlockFlow (positioned) {DIV} at (705,85) size 162x370 [border: (1px solid #999999)]
177 LayoutBlockFlow (anonymous) at (6,6) size 150x18
178 LayoutText {#text} at (0,0) size 49x17
179 text run at (0,0) width 49: "#fixed3"
180 layer at (716,178) size 140x330 backgroundClip at (716,178) size 69x330 clip at (717,179) size 68x328
181 LayoutBlockFlow {DIV} at (11,29) size 140x330 [border: (1px solid #999999)]
182 LayoutBlockFlow (anonymous) at (6,6) size 128x18
183 LayoutText {#text} at (0,0) size 109x17
184 text run at (0,0) width 109: ".overflowHidden"
185 LayoutBlockFlow {DIV} at (11,29) size 118x30 [border: (1px solid #999999)]
186 LayoutText {#text} at (6,6) size 51x17
187 text run at (6,6) width 51: "no style"
188 layer at (727,277) size 118x70 backgroundClip at (727,277) size 58x70 clip at (728,278) size 57x68
189 LayoutBlockFlow {DIV} at (11,99) size 118x70 [border: (1px solid #999999)]
190 LayoutBlockFlow (anonymous) at (6,6) size 106x18
191 LayoutText {#text} at (0,0) size 109x17
192 text run at (0,0) width 109: ".overflowHidden"
193 LayoutBlockFlow {DIV} at (11,29) size 96x30 [border: (1px solid #999999)]
194 LayoutText {#text} at (6,6) size 51x17
195 text run at (6,6) width 51: "no style"
196 layer at (727,352) size 118x70 backgroundClip at (727,352) size 58x70 clip at (728,353) size 57x68
197 LayoutBlockFlow {DIV} at (11,174) size 118x70 [border: (1px solid #999999)]
198 LayoutBlockFlow (anonymous) at (6,6) size 106x18
199 LayoutText {#text} at (0,0) size 109x17
200 text run at (0,0) width 109: ".overflowHidden"
201 layer at (727,427) size 118x70 backgroundClip at (727,427) size 58x70 clip at (728,428) size 57x68
202 LayoutBlockFlow {DIV} at (11,249) size 118x70 [border: (1px solid #999999)]
203 LayoutBlockFlow (anonymous) at (6,6) size 106x18
204 LayoutText {#text} at (0,0) size 109x17
205 text run at (0,0) width 109: ".overflowHidden"
206 layer at (738,456) size 96x30 backgroundClip at (738,456) size 47x30 clip at (739,457) size 46x28 scrollWidth 119
207 LayoutBlockFlow {DIV} at (11,29) size 96x30 [border: (1px solid #999999)]
208 LayoutText {#text} at (6,6) size 109x17
209 text run at (6,6) width 109: ".overflowHidden"
210 layer at (727,242) size 118x30 backgroundClip at (717,179) size 68x328 clip at (717,179) size 68x328
211 LayoutBlockFlow (relative positioned) {DIV} at (11,64) size 118x30 [border: (1px solid #999999)]
212 LayoutText {#text} at (6,6) size 52x17
213 text run at (6,6) width 52: ".relative"
214 layer at (792,155) size 69x30 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
215 LayoutBlockFlow (positioned) {DIV} at (86.67,6) size 69.33x30 [border: (1px solid #999999)]
216 LayoutText {#text} at (6,6) size 58x17
217 text run at (6,6) width 58: ".absolute"
218 layer at (738,381) size 96x30 backgroundClip at (728,353) size 57x68 clip at (728,353) size 57x68
219 LayoutBlockFlow (relative positioned) {DIV} at (11,29) size 96x30 [border: (1px solid #999999)]
220 LayoutText {#text} at (6,6) size 52x17
221 text run at (6,6) width 52: ".relative"