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 769x20
7 LayoutText {#text} at (0,0) size 279x19
8 text run at (0,0) width 279: "Safari Fixed / Overflow Hidden Scroll Bug"
9 LayoutBlockFlow {PRE} at (0,41.27) size 769x0
10 LayoutBlockFlow {PRE} at (0,41.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,585.27) size 769x20
78 LayoutText {#text} at (0,0) size 377x19
79 text run at (0,0) width 377: "When you scroll this page the following objects will be clipped:"
80 LayoutBlockFlow {P} at (0,621.27) size 769x20
81 LayoutText {#text} at (0,0) size 707x19
82 text run at (0,0) width 707: "- (relative objects and overflowHidden objects) inside (overflowHidden objects) inside (fixed objects) will be clipped;"
83 LayoutBlockFlow {P} at (0,657.27) size 769x20
84 LayoutText {#text} at (0,0) size 739x19
85 text run at (0,0) width 739: "- (relative objects and overflowHidden objects and absolute objects) inside (fixed/overflowHidden objects) will be clipped;"
86 LayoutBlockFlow {P} at (0,693.27) size 769x40
87 LayoutText {#text} at (0,0) size 742x39
88 text run at (0,0) width 742: "Nice effect, but not what we want. Tested in Safari Version 2.0.4 (419.3), and WebKit Nightly Build Mon Nov 20 5:18:23"
89 text run at (0,20) width 74: "GMT 2006."
90 layer at (305,149) size 162x348
91 LayoutBlockFlow (positioned) {DIV} at (305,85) size 162x348 [border: (1px solid #999999)]
92 LayoutBlockFlow (anonymous) at (6,6) size 150x20
93 LayoutText {#text} at (0,0) size 45x19
94 text run at (0,0) width 45: "#fixed1"
95 LayoutBlockFlow {DIV} at (11,31) size 140x32 [border: (1px solid #999999)]
96 LayoutText {#text} at (6,6) size 46x19
97 text run at (6,6) width 46: "no style"
98 layer at (316,254) size 140x74 clip at (317,255) size 138x72
99 LayoutBlockFlow {DIV} at (11,105) size 140x74 [border: (1px solid #999999)]
100 LayoutBlockFlow (anonymous) at (6,6) size 128x20
101 LayoutText {#text} at (0,0) size 101x19
102 text run at (0,0) width 101: ".overflowHidden"
103 LayoutBlockFlow {DIV} at (11,31) size 118x32 [border: (1px solid #999999)]
104 LayoutText {#text} at (6,6) size 46x19
105 text run at (6,6) width 46: "no style"
106 layer at (316,333) size 140x74 clip at (317,334) size 138x72
107 LayoutBlockFlow {DIV} at (11,184) size 140x74 [border: (1px solid #999999)]
108 LayoutBlockFlow (anonymous) at (6,6) size 128x20
109 LayoutText {#text} at (0,0) size 101x19
110 text run at (0,0) width 101: ".overflowHidden"
111 layer at (316,412) size 140x74 clip at (317,413) size 138x72
112 LayoutBlockFlow {DIV} at (11,263) size 140x74 [border: (1px solid #999999)]
113 LayoutBlockFlow (anonymous) at (6,6) size 128x20
114 LayoutText {#text} at (0,0) size 101x19
115 text run at (0,0) width 101: ".overflowHidden"
116 layer at (327,443) size 118x32 clip at (328,444) size 116x30
117 LayoutBlockFlow {DIV} at (11,31) size 118x32 [border: (1px solid #999999)]
118 LayoutText {#text} at (6,6) size 101x19
119 text run at (6,6) width 101: ".overflowHidden"
120 layer at (316,217) size 140x32
121 LayoutBlockFlow (relative positioned) {DIV} at (11,68) size 140x32 [border: (1px solid #999999)]
122 LayoutText {#text} at (6,6) size 47x19
123 text run at (6,6) width 47: ".relative"
124 layer at (395,155) size 66x32
125 LayoutBlockFlow (positioned) {DIV} at (90,6) size 66x32 [border: (1px solid #999999)]
126 LayoutText {#text} at (6,6) size 54x19
127 text run at (6,6) width 54: ".absolute"
128 layer at (327,364) size 118x32
129 LayoutBlockFlow (relative positioned) {DIV} at (11,31) size 118x32 [border: (1px solid #999999)]
130 LayoutText {#text} at (6,6) size 47x19
131 text run at (6,6) width 47: ".relative"
132 layer at (505,149) size 162x348 clip at (506,150) size 160x346
133 LayoutBlockFlow (positioned) {DIV} at (505,85) size 162x348 [border: (1px solid #999999)]
134 LayoutBlockFlow (anonymous) at (6,6) size 150x20
135 LayoutText {#text} at (0,0) size 146x19
136 text run at (0,0) width 146: "#fixed2.overflowHidden"
137 LayoutBlockFlow {DIV} at (11,31) size 140x32 [border: (1px solid #999999)]
138 LayoutText {#text} at (6,6) size 46x19
139 text run at (6,6) width 46: "no style"
140 layer at (516,254) size 140x74 clip at (517,255) size 138x72
141 LayoutBlockFlow {DIV} at (11,105) size 140x74 [border: (1px solid #999999)]
142 LayoutBlockFlow (anonymous) at (6,6) size 128x20
143 LayoutText {#text} at (0,0) size 101x19
144 text run at (0,0) width 101: ".overflowHidden"
145 LayoutBlockFlow {DIV} at (11,31) size 118x32 [border: (1px solid #999999)]
146 LayoutText {#text} at (6,6) size 46x19
147 text run at (6,6) width 46: "no style"
148 layer at (516,333) size 140x74 clip at (517,334) size 138x72
149 LayoutBlockFlow {DIV} at (11,184) size 140x74 [border: (1px solid #999999)]
150 LayoutBlockFlow (anonymous) at (6,6) size 128x20
151 LayoutText {#text} at (0,0) size 101x19
152 text run at (0,0) width 101: ".overflowHidden"
153 layer at (516,412) size 140x74 clip at (517,413) size 138x72
154 LayoutBlockFlow {DIV} at (11,263) size 140x74 [border: (1px solid #999999)]
155 LayoutBlockFlow (anonymous) at (6,6) size 128x20
156 LayoutText {#text} at (0,0) size 101x19
157 text run at (0,0) width 101: ".overflowHidden"
158 layer at (527,443) size 118x32 clip at (528,444) size 116x30
159 LayoutBlockFlow {DIV} at (11,31) size 118x32 [border: (1px solid #999999)]
160 LayoutText {#text} at (6,6) size 101x19
161 text run at (6,6) width 101: ".overflowHidden"
162 layer at (516,217) size 140x32
163 LayoutBlockFlow (relative positioned) {DIV} at (11,68) size 140x32 [border: (1px solid #999999)]
164 LayoutText {#text} at (6,6) size 47x19
165 text run at (6,6) width 47: ".relative"
166 layer at (595,155) size 66x32
167 LayoutBlockFlow (positioned) {DIV} at (90,6) size 66x32 [border: (1px solid #999999)]
168 LayoutText {#text} at (6,6) size 54x19
169 text run at (6,6) width 54: ".absolute"
170 layer at (527,364) size 118x32
171 LayoutBlockFlow (relative positioned) {DIV} at (11,31) size 118x32 [border: (1px solid #999999)]
172 LayoutText {#text} at (6,6) size 47x19
173 text run at (6,6) width 47: ".relative"
174 layer at (705,149) size 162x390 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
175 LayoutBlockFlow (positioned) {DIV} at (705,85) size 162x390 [border: (1px solid #999999)]
176 LayoutBlockFlow (anonymous) at (6,6) size 150x20
177 LayoutText {#text} at (0,0) size 45x19
178 text run at (0,0) width 45: "#fixed3"
179 layer at (716,180) size 140x348 backgroundClip at (716,180) size 69x348 clip at (717,181) size 68x346
180 LayoutBlockFlow {DIV} at (11,31) size 140x348 [border: (1px solid #999999)]
181 LayoutBlockFlow (anonymous) at (6,6) size 128x20
182 LayoutText {#text} at (0,0) size 101x19
183 text run at (0,0) width 101: ".overflowHidden"
184 LayoutBlockFlow {DIV} at (11,31) size 118x32 [border: (1px solid #999999)]
185 LayoutText {#text} at (6,6) size 46x19
186 text run at (6,6) width 46: "no style"
187 layer at (727,285) size 118x74 backgroundClip at (727,285) size 58x74 clip at (728,286) size 57x72
188 LayoutBlockFlow {DIV} at (11,105) size 118x74 [border: (1px solid #999999)]
189 LayoutBlockFlow (anonymous) at (6,6) size 106x20
190 LayoutText {#text} at (0,0) size 101x19
191 text run at (0,0) width 101: ".overflowHidden"
192 LayoutBlockFlow {DIV} at (11,31) size 96x32 [border: (1px solid #999999)]
193 LayoutText {#text} at (6,6) size 46x19
194 text run at (6,6) width 46: "no style"
195 layer at (727,364) size 118x74 backgroundClip at (727,364) size 58x74 clip at (728,365) size 57x72
196 LayoutBlockFlow {DIV} at (11,184) size 118x74 [border: (1px solid #999999)]
197 LayoutBlockFlow (anonymous) at (6,6) size 106x20
198 LayoutText {#text} at (0,0) size 101x19
199 text run at (0,0) width 101: ".overflowHidden"
200 layer at (727,443) size 118x74 backgroundClip at (727,443) size 58x74 clip at (728,444) size 57x72
201 LayoutBlockFlow {DIV} at (11,263) size 118x74 [border: (1px solid #999999)]
202 LayoutBlockFlow (anonymous) at (6,6) size 106x20
203 LayoutText {#text} at (0,0) size 101x19
204 text run at (0,0) width 101: ".overflowHidden"
205 layer at (738,474) size 96x32 backgroundClip at (738,474) size 47x32 clip at (739,475) size 46x30 scrollWidth 111
206 LayoutBlockFlow {DIV} at (11,31) size 96x32 [border: (1px solid #999999)]
207 LayoutText {#text} at (6,6) size 101x19
208 text run at (6,6) width 101: ".overflowHidden"
209 layer at (727,248) size 118x32 backgroundClip at (717,181) size 68x346 clip at (717,181) size 68x346
210 LayoutBlockFlow (relative positioned) {DIV} at (11,68) size 118x32 [border: (1px solid #999999)]
211 LayoutText {#text} at (6,6) size 47x19
212 text run at (6,6) width 47: ".relative"
213 layer at (795,155) size 66x32 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
214 LayoutBlockFlow (positioned) {DIV} at (90,6) size 66x32 [border: (1px solid #999999)]
215 LayoutText {#text} at (6,6) size 54x19
216 text run at (6,6) width 54: ".absolute"
217 layer at (738,395) size 96x32 backgroundClip at (728,365) size 57x72 clip at (728,365) size 57x72
218 LayoutBlockFlow (relative positioned) {DIV} at (11,31) size 96x32 [border: (1px solid #999999)]
219 LayoutText {#text} at (6,6) size 47x19
220 text run at (6,6) width 47: ".relative"