blob: d3be3af7f32aaa4fbcce5ad3a8b29f680b61a506 [file] [log] [blame]
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 769x20
RenderText {#text} at (0,0) size 279x19
text run at (0,0) width 279: "Safari Fixed / Overflow Hidden Scroll Bug"
RenderBlock {PRE} at (0,41) size 769x0
RenderBlock {PRE} at (0,41) size 769x529
RenderText {#text} at (0,0) size 264x528
text run at (0,0) width 72: "#fixed1 {"
text run at (0,16) width 192: "\x{9}position: fixed;"
text run at (0,32) width 144: "\x{9}top: 80px;"
text run at (0,48) width 160: "\x{9}left: 300px;"
text run at (0,64) width 184: "\x{9}width: 150px; }"
text run at (0,80) width 72: "#fixed2 {"
text run at (0,96) width 192: "\x{9}position: fixed;"
text run at (0,112) width 144: "\x{9}top: 80px;"
text run at (0,128) width 160: "\x{9}left: 500px;"
text run at (0,144) width 184: "\x{9}width: 150px; }"
text run at (0,160) width 72: "#fixed3 {"
text run at (0,176) width 192: "\x{9}position: fixed;"
text run at (0,192) width 144: "\x{9}top: 80px;"
text run at (0,208) width 160: "\x{9}left: 700px;"
text run at (0,224) width 184: "\x{9}width: 150px; }"
text run at (0,240) width 136: ".overflowHidden {"
text run at (0,256) width 216: "\x{9}overflow: hidden; }"
text run at (0,272) width 88: ".relative {"
text run at (0,288) width 232: "\x{9}position: relative; }"
text run at (0,304) width 88: ".absolute {"
text run at (0,320) width 216: "\x{9}position: absolute;"
text run at (0,336) width 120: "\x{9}top: 0;"
text run at (0,352) width 152: "\x{9}right: 0; }"
text run at (0,368) width 40: "div {"
text run at (0,384) width 168: "\x{9}padding: 5px;"
text run at (0,400) width 160: "\x{9}margin: 5px;"
text run at (0,416) width 264: "\x{9}border: solid 1px #999; }"
text run at (0,432) width 96: "#veryLarge {"
text run at (0,448) width 216: "\x{9}position: relative;"
text run at (0,464) width 176: "\x{9}height:1000px;"
text run at (0,480) width 184: "\x{9}width:1500px; }"
text run at (0,496) width 64: "\x{9}"
text run at (0,512) width 0: " "
RenderBlock {P} at (0,585) size 769x21
RenderText {#text} at (0,0) size 377x19
text run at (0,0) width 377: "When you scroll this page the following objects will be clipped:"
RenderBlock {P} at (0,621) size 769x21
RenderText {#text} at (0,0) size 707x19
text run at (0,0) width 707: "- (relative objects and overflowHidden objects) inside (overflowHidden objects) inside (fixed objects) will be clipped;"
RenderBlock {P} at (0,657) size 769x21
RenderText {#text} at (0,0) size 739x19
text run at (0,0) width 739: "- (relative objects and overflowHidden objects and absolute objects) inside (fixed/overflowHidden objects) will be clipped;"
RenderBlock {P} at (0,693) size 769x41
RenderText {#text} at (0,0) size 742x39
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"
text run at (0,20) width 74: "GMT 2006."
layer at (305,149) size 162x348
RenderBlock (positioned) {DIV} at (305,85) size 162x348 [border: (1px solid #999999)]
RenderBlock (anonymous) at (6,6) size 150x20
RenderText {#text} at (0,0) size 45x19
text run at (0,0) width 45: "#fixed1"
RenderBlock {DIV} at (11,31) size 140x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 46x19
text run at (6,6) width 46: "no style"
layer at (316,254) size 140x74 clip at (317,255) size 138x72
RenderBlock {DIV} at (11,105) size 140x74 [border: (1px solid #999999)]
RenderBlock (anonymous) at (6,6) size 128x20
RenderText {#text} at (0,0) size 101x19
text run at (0,0) width 101: ".overflowHidden"
RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 46x19
text run at (6,6) width 46: "no style"
layer at (316,333) size 140x74 clip at (317,334) size 138x72
RenderBlock {DIV} at (11,184) size 140x74 [border: (1px solid #999999)]
RenderBlock (anonymous) at (6,6) size 128x20
RenderText {#text} at (0,0) size 101x19
text run at (0,0) width 101: ".overflowHidden"
layer at (316,412) size 140x74 clip at (317,413) size 138x72
RenderBlock {DIV} at (11,263) size 140x74 [border: (1px solid #999999)]
RenderBlock (anonymous) at (6,6) size 128x20
RenderText {#text} at (0,0) size 101x19
text run at (0,0) width 101: ".overflowHidden"
layer at (327,443) size 118x32 clip at (328,444) size 116x30
RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 101x19
text run at (6,6) width 101: ".overflowHidden"
layer at (316,217) size 140x32
RenderBlock (relative positioned) {DIV} at (11,68) size 140x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 47x19
text run at (6,6) width 47: ".relative"
layer at (395,155) size 66x32
RenderBlock (positioned) {DIV} at (90,6) size 66x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 54x19
text run at (6,6) width 54: ".absolute"
layer at (327,364) size 118x32
RenderBlock (relative positioned) {DIV} at (11,31) size 118x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 47x19
text run at (6,6) width 47: ".relative"
layer at (505,149) size 162x348 clip at (506,150) size 160x346
RenderBlock (positioned) {DIV} at (505,85) size 162x348 [border: (1px solid #999999)]
RenderBlock (anonymous) at (6,6) size 150x20
RenderText {#text} at (0,0) size 146x19
text run at (0,0) width 146: "#fixed2.overflowHidden"
RenderBlock {DIV} at (11,31) size 140x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 46x19
text run at (6,6) width 46: "no style"
layer at (516,254) size 140x74 clip at (517,255) size 138x72
RenderBlock {DIV} at (11,105) size 140x74 [border: (1px solid #999999)]
RenderBlock (anonymous) at (6,6) size 128x20
RenderText {#text} at (0,0) size 101x19
text run at (0,0) width 101: ".overflowHidden"
RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 46x19
text run at (6,6) width 46: "no style"
layer at (516,333) size 140x74 clip at (517,334) size 138x72
RenderBlock {DIV} at (11,184) size 140x74 [border: (1px solid #999999)]
RenderBlock (anonymous) at (6,6) size 128x20
RenderText {#text} at (0,0) size 101x19
text run at (0,0) width 101: ".overflowHidden"
layer at (516,412) size 140x74 clip at (517,413) size 138x72
RenderBlock {DIV} at (11,263) size 140x74 [border: (1px solid #999999)]
RenderBlock (anonymous) at (6,6) size 128x20
RenderText {#text} at (0,0) size 101x19
text run at (0,0) width 101: ".overflowHidden"
layer at (527,443) size 118x32 clip at (528,444) size 116x30
RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 101x19
text run at (6,6) width 101: ".overflowHidden"
layer at (516,217) size 140x32
RenderBlock (relative positioned) {DIV} at (11,68) size 140x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 47x19
text run at (6,6) width 47: ".relative"
layer at (595,155) size 66x32
RenderBlock (positioned) {DIV} at (90,6) size 66x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 54x19
text run at (6,6) width 54: ".absolute"
layer at (527,364) size 118x32
RenderBlock (relative positioned) {DIV} at (11,31) size 118x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 47x19
text run at (6,6) width 47: ".relative"
layer at (705,149) size 162x390 backgroundClip at (0,0) size 785x1029 clip at (0,0) size 785x1029
RenderBlock (positioned) {DIV} at (705,85) size 162x390 [border: (1px solid #999999)]
RenderBlock (anonymous) at (6,6) size 150x20
RenderText {#text} at (0,0) size 45x19
text run at (0,0) width 45: "#fixed3"
layer at (716,180) size 140x348 backgroundClip at (716,180) size 69x348 clip at (717,181) size 68x346
RenderBlock {DIV} at (11,31) size 140x348 [border: (1px solid #999999)]
RenderBlock (anonymous) at (6,6) size 128x20
RenderText {#text} at (0,0) size 101x19
text run at (0,0) width 101: ".overflowHidden"
RenderBlock {DIV} at (11,31) size 118x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 46x19
text run at (6,6) width 46: "no style"
layer at (727,285) size 118x74 backgroundClip at (727,285) size 58x74 clip at (728,286) size 57x72
RenderBlock {DIV} at (11,105) size 118x74 [border: (1px solid #999999)]
RenderBlock (anonymous) at (6,6) size 106x20
RenderText {#text} at (0,0) size 101x19
text run at (0,0) width 101: ".overflowHidden"
RenderBlock {DIV} at (11,31) size 96x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 46x19
text run at (6,6) width 46: "no style"
layer at (727,364) size 118x74 backgroundClip at (727,364) size 58x74 clip at (728,365) size 57x72
RenderBlock {DIV} at (11,184) size 118x74 [border: (1px solid #999999)]
RenderBlock (anonymous) at (6,6) size 106x20
RenderText {#text} at (0,0) size 101x19
text run at (0,0) width 101: ".overflowHidden"
layer at (727,443) size 118x74 backgroundClip at (727,443) size 58x74 clip at (728,444) size 57x72
RenderBlock {DIV} at (11,263) size 118x74 [border: (1px solid #999999)]
RenderBlock (anonymous) at (6,6) size 106x20
RenderText {#text} at (0,0) size 101x19
text run at (0,0) width 101: ".overflowHidden"
layer at (738,474) size 96x32 backgroundClip at (738,474) size 47x32 clip at (739,475) size 46x30 scrollWidth 111
RenderBlock {DIV} at (11,31) size 96x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 101x19
text run at (6,6) width 101: ".overflowHidden"
layer at (727,248) size 118x32 backgroundClip at (717,181) size 68x346 clip at (717,181) size 68x346
RenderBlock (relative positioned) {DIV} at (11,68) size 118x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 47x19
text run at (6,6) width 47: ".relative"
layer at (738,395) size 96x32 backgroundClip at (728,365) size 57x72 clip at (728,365) size 57x72
RenderBlock (relative positioned) {DIV} at (11,31) size 96x32 [border: (1px solid #999999)]
RenderText {#text} at (6,6) size 47x19
text run at (6,6) width 47: ".relative"
scrolled to 0,64