| layer at (0,0) size 785x1029 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x1029 |
| RenderBlock {HTML} at (0,0) size 785x1030 |
| RenderBody {BODY} at (8,21) size 769x1001 |
| RenderBlock {H4} at (0,0) size 769x18 |
| RenderText {#text} at (0,0) size 290x18 |
| text run at (0,0) width 290: "Safari Fixed / Overflow Hidden Scroll Bug" |
| RenderBlock {PRE} at (0,39) size 769x0 |
| RenderBlock {PRE} at (0,39) size 769x496 |
| RenderText {#text} at (0,0) size 258x495 |
| text run at (0,0) width 71: "#fixed1 {" |
| text run at (0,15) width 188: "\x{9}position: fixed;" |
| text run at (0,30) width 141: "\x{9}top: 80px;" |
| text run at (0,45) width 157: "\x{9}left: 300px;" |
| text run at (0,60) width 180: "\x{9}width: 150px; }" |
| text run at (0,75) width 71: "#fixed2 {" |
| text run at (0,90) width 188: "\x{9}position: fixed;" |
| text run at (0,105) width 141: "\x{9}top: 80px;" |
| text run at (0,120) width 157: "\x{9}left: 500px;" |
| text run at (0,135) width 180: "\x{9}width: 150px; }" |
| text run at (0,150) width 71: "#fixed3 {" |
| text run at (0,165) width 188: "\x{9}position: fixed;" |
| text run at (0,180) width 141: "\x{9}top: 80px;" |
| text run at (0,195) width 157: "\x{9}left: 700px;" |
| text run at (0,210) width 180: "\x{9}width: 150px; }" |
| text run at (0,225) width 133: ".overflowHidden {" |
| text run at (0,240) width 211: "\x{9}overflow: hidden; }" |
| text run at (0,255) width 86: ".relative {" |
| text run at (0,270) width 227: "\x{9}position: relative; }" |
| text run at (0,285) width 86: ".absolute {" |
| text run at (0,300) width 211: "\x{9}position: absolute;" |
| text run at (0,315) width 118: "\x{9}top: 0;" |
| text run at (0,330) width 149: "\x{9}right: 0; }" |
| text run at (0,345) width 40: "div {" |
| text run at (0,360) width 164: "\x{9}padding: 5px;" |
| text run at (0,375) width 157: "\x{9}margin: 5px;" |
| text run at (0,390) width 258: "\x{9}border: solid 1px #999; }" |
| text run at (0,405) width 94: "#veryLarge {" |
| text run at (0,420) width 211: "\x{9}position: relative;" |
| text run at (0,435) width 172: "\x{9}height:1000px;" |
| text run at (0,450) width 180: "\x{9}width:1500px; }" |
| text run at (0,465) width 63: "\x{9}" |
| text run at (0,480) width 0: " " |
| RenderBlock {P} at (0,550) size 769x19 |
| RenderText {#text} at (0,0) size 410x18 |
| text run at (0,0) width 410: "When you scroll this page the following objects will be clipped:" |
| RenderBlock {P} at (0,584) size 769x19 |
| RenderText {#text} at (0,0) size 754x18 |
| text run at (0,0) width 754: "- (relative objects and overflowHidden objects) inside (overflowHidden objects) inside (fixed objects) will be clipped;" |
| RenderBlock {P} at (0,618) size 769x37 |
| RenderText {#text} at (0,0) size 731x36 |
| text run at (0,0) width 731: "- (relative objects and overflowHidden objects and absolute objects) inside (fixed/overflowHidden objects) will be" |
| text run at (0,18) width 52: "clipped;" |
| RenderBlock {P} at (0,670) size 769x37 |
| RenderText {#text} at (0,0) size 727x36 |
| text run at (0,0) width 727: "Nice effect, but not what we want. Tested in Safari Version 2.0.4 (419.3), and WebKit Nightly Build Mon Nov 20" |
| text run at (0,18) width 129: "5:18:23 GMT 2006." |
| layer at (305,149) size 162x330 |
| RenderBlock (positioned) {DIV} at (305,85) size 162x330 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 150x18 |
| RenderText {#text} at (0,0) size 48x18 |
| text run at (0,0) width 48: "#fixed1" |
| RenderBlock {DIV} at (11,29) size 140x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 51x18 |
| text run at (6,6) width 51: "no style" |
| layer at (316,248) size 140x70 clip at (317,249) size 138x68 |
| RenderBlock {DIV} at (11,99) size 140x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| RenderBlock {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 51x18 |
| text run at (6,6) width 51: "no style" |
| layer at (316,323) size 140x70 clip at (317,324) size 138x68 |
| RenderBlock {DIV} at (11,174) size 140x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (316,398) size 140x70 clip at (317,399) size 138x68 |
| RenderBlock {DIV} at (11,249) size 140x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (327,427) size 118x30 clip at (328,428) size 116x28 scrollWidth 118 |
| RenderBlock {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 108x18 |
| text run at (6,6) width 108: ".overflowHidden" |
| layer at (316,213) size 140x30 |
| RenderBlock (relative positioned) {DIV} at (11,64) size 140x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 52x18 |
| text run at (6,6) width 52: ".relative" |
| layer at (392,155) size 69x30 |
| RenderBlock (positioned) {DIV} at (86,6) size 70x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 58x18 |
| text run at (6,6) width 58: ".absolute" |
| layer at (327,352) size 118x30 |
| RenderBlock (relative positioned) {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 52x18 |
| text run at (6,6) width 52: ".relative" |
| layer at (505,149) size 162x330 clip at (506,150) size 160x328 scrollWidth 161 |
| RenderBlock (positioned) {DIV} at (505,85) size 162x330 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 150x18 |
| RenderText {#text} at (0,0) size 156x18 |
| text run at (0,0) width 156: "#fixed2.overflowHidden" |
| RenderBlock {DIV} at (11,29) size 140x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 51x18 |
| text run at (6,6) width 51: "no style" |
| layer at (516,248) size 140x70 clip at (517,249) size 138x68 |
| RenderBlock {DIV} at (11,99) size 140x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| RenderBlock {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 51x18 |
| text run at (6,6) width 51: "no style" |
| layer at (516,323) size 140x70 clip at (517,324) size 138x68 |
| RenderBlock {DIV} at (11,174) size 140x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (516,398) size 140x70 clip at (517,399) size 138x68 |
| RenderBlock {DIV} at (11,249) size 140x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (527,427) size 118x30 clip at (528,428) size 116x28 scrollWidth 118 |
| RenderBlock {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 108x18 |
| text run at (6,6) width 108: ".overflowHidden" |
| layer at (516,213) size 140x30 |
| RenderBlock (relative positioned) {DIV} at (11,64) size 140x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 52x18 |
| text run at (6,6) width 52: ".relative" |
| layer at (592,155) size 69x30 |
| RenderBlock (positioned) {DIV} at (86,6) size 70x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 58x18 |
| text run at (6,6) width 58: ".absolute" |
| layer at (527,352) size 118x30 |
| RenderBlock (relative positioned) {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 52x18 |
| text run at (6,6) width 52: ".relative" |
| layer at (705,149) size 162x370 backgroundClip at (0,0) size 785x1029 clip at (0,0) size 785x1029 |
| RenderBlock (positioned) {DIV} at (705,85) size 162x370 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 150x18 |
| RenderText {#text} at (0,0) size 48x18 |
| text run at (0,0) width 48: "#fixed3" |
| layer at (716,178) size 140x330 backgroundClip at (716,178) size 69x330 clip at (717,179) size 68x328 |
| RenderBlock {DIV} at (11,29) size 140x330 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 128x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| RenderBlock {DIV} at (11,29) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 51x18 |
| text run at (6,6) width 51: "no style" |
| layer at (727,277) size 118x70 backgroundClip at (727,277) size 58x70 clip at (728,278) size 57x68 |
| RenderBlock {DIV} at (11,99) size 118x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| RenderBlock {DIV} at (11,29) size 96x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 51x18 |
| text run at (6,6) width 51: "no style" |
| layer at (727,352) size 118x70 backgroundClip at (727,352) size 58x70 clip at (728,353) size 57x68 |
| RenderBlock {DIV} at (11,174) size 118x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (727,427) size 118x70 backgroundClip at (727,427) size 58x70 clip at (728,428) size 57x68 |
| RenderBlock {DIV} at (11,249) size 118x70 [border: (1px solid #999999)] |
| RenderBlock (anonymous) at (6,6) size 106x18 |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: ".overflowHidden" |
| layer at (738,456) size 96x30 backgroundClip at (738,456) size 47x30 clip at (739,457) size 46x28 scrollWidth 118 |
| RenderBlock {DIV} at (11,29) size 96x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 108x18 |
| text run at (6,6) width 108: ".overflowHidden" |
| layer at (727,242) size 118x30 backgroundClip at (717,179) size 68x328 clip at (717,179) size 68x328 |
| RenderBlock (relative positioned) {DIV} at (11,64) size 118x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 52x18 |
| text run at (6,6) width 52: ".relative" |
| layer at (738,381) size 96x30 backgroundClip at (728,353) size 57x68 clip at (728,353) size 57x68 |
| RenderBlock (relative positioned) {DIV} at (11,29) size 96x30 [border: (1px solid #999999)] |
| RenderText {#text} at (6,6) size 52x18 |
| text run at (6,6) width 52: ".relative" |
| scrolled to 0,64 |
