| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x388 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x388 | |
| 5 LayoutBlockFlow {BODY} at (32,32) size 736x324 [bgcolor=#CCCCCC] | |
| 6 layer at (143,32) size 514x146 clip at (144,33) size 497x144 scrollHeight 333 | |
| 7 LayoutBlockFlow {DIV} at (111,0) size 514x146 [bgcolor=#FFFFFF] [border: (1px
solid #999999)] | |
| 8 LayoutBlockFlow {P} at (17,17) size 465x80 | |
| 9 LayoutText {#text} at (0,0) size 210x19 | |
| 10 text run at (0,0) width 210: "This page is to test the behavior of " | |
| 11 LayoutInline {CODE} at (0,0) size 136x16 | |
| 12 LayoutText {#text} at (210,3) size 136x16 | |
| 13 text run at (210,3) width 136: "position:absolute" | |
| 14 LayoutText {#text} at (346,0) size 457x39 | |
| 15 text run at (346,0) width 111: " content which is a" | |
| 16 text run at (0,20) width 251: "child of an overflowed parent object with
" | |
| 17 LayoutInline {CODE} at (0,0) size 104x16 | |
| 18 LayoutText {#text} at (251,23) size 104x16 | |
| 19 text run at (251,23) width 104: "overflow:auto" | |
| 20 LayoutText {#text} at (355,20) size 448x39 | |
| 21 text run at (355,20) width 93: ", both when the" | |
| 22 text run at (0,40) width 105: "parent element is " | |
| 23 LayoutInline {CODE} at (0,0) size 120x16 | |
| 24 LayoutText {#text} at (105,43) size 120x16 | |
| 25 text run at (105,43) width 120: "position:static" | |
| 26 LayoutText {#text} at (225,40) size 95x19 | |
| 27 text run at (225,40) width 95: " (top case) and " | |
| 28 LayoutInline {CODE} at (0,0) size 136x16 | |
| 29 LayoutText {#text} at (320,43) size 136x16 | |
| 30 text run at (320,43) width 136: "position:relative" | |
| 31 LayoutText {#text} at (0,60) size 88x19 | |
| 32 text run at (0,60) width 88: "(bottom case)." | |
| 33 LayoutBlockFlow {P} at (17,113) size 465x192 [color=#999999] | |
| 34 LayoutText {#text} at (0,0) size 464x191 | |
| 35 text run at (0,0) width 454: "Following extra content exists to ensure t
hat the parent box overflows properly. Sed" | |
| 36 text run at (0,16) width 449: "ut perspiciatis unde omnis iste natus err
or sit voluptatem accusantium doloremque" | |
| 37 text run at (0,32) width 454: "laudantium, totam rem aperiam, eaque ipsa
quae ab illo inventore veritatis et quasi" | |
| 38 text run at (0,48) width 433: "architecto beatae vitae dicta sunt explic
abo. Nemo enim ipsam voluptatem quia" | |
| 39 text run at (0,64) width 453: "voluptas sit aspernatur aut odit aut fugi
t, sed quia consequuntur magni dolores eos" | |
| 40 text run at (0,80) width 462: "qui ratione voluptatem sequi nesciunt. Ne
que porro quisquam est, qui dolorem ipsum" | |
| 41 text run at (0,96) width 435: "quia dolor sit amet, consectetur, adipisc
i velit, sed quia non numquam eius modi" | |
| 42 text run at (0,112) width 454: "tempora incidunt ut labore et dolore mag
nam aliquam quaerat voluptatem. Ut enim" | |
| 43 text run at (0,128) width 455: "ad minima veniam, quis nostrum exercitat
ionem ullam corporis suscipit laboriosam," | |
| 44 text run at (0,144) width 448: "nisi ut aliquid ex ea commodi consequatu
r? Quis autem vel eum iure reprehenderit" | |
| 45 text run at (0,160) width 464: "qui in ea voluptate velit esse quam nihi
l molestiae consequatur, vel illum qui dolorem" | |
| 46 text run at (0,176) width 219: "eum fugiat quo voluptas nulla pariatur?" | |
| 47 layer at (0,0) size 38x36 transparent | |
| 48 LayoutBlockFlow (positioned) {P} at (0,0) size 38x36 [bgcolor=#FF0000] | |
| 49 LayoutText {#text} at (8,8) size 22x19 | |
| 50 text run at (8,8) width 22: "hi 1" | |
| 51 layer at (143,210) size 514x146 clip at (144,211) size 497x144 scrollHeight 369 | |
| 52 LayoutBlockFlow (relative positioned) {DIV} at (111,178) size 514x146 [bgcolor
=#FFFFFF] [border: (1px solid #999999)] | |
| 53 LayoutBlockFlow {P} at (17,17) size 465x40 | |
| 54 LayoutText {#text} at (0,0) size 465x39 | |
| 55 text run at (0,0) width 465: "Safari v1.2.2 incorrectly scrolls the 'hi
1' div when its parent is scrolled. If you" | |
| 56 text run at (0,20) width 280: "resize the page even a little, this bug f
ixes itself." | |
| 57 LayoutBlockFlow {P} at (17,73) size 465x60 | |
| 58 LayoutText {#text} at (0,0) size 387x19 | |
| 59 text run at (0,0) width 387: "Safari v1.2.2 also (really odd) causes the
entire second div to be" | |
| 60 LayoutInline {CODE} at (0,0) size 88x16 | |
| 61 LayoutText {#text} at (0,23) size 88x16 | |
| 62 text run at (0,23) width 88: "opacity:0.5" | |
| 63 LayoutText {#text} at (88,20) size 461x39 | |
| 64 text run at (88,20) width 365: ", despite the fact that this property is
only applied to the child" | |
| 65 text run at (0,40) width 461: "item. This problem fixes itself if you re
size the window and then scroll the div." | |
| 66 LayoutBlockFlow {P} at (17,149) size 465x192 [color=#999999] | |
| 67 LayoutText {#text} at (0,0) size 464x191 | |
| 68 text run at (0,0) width 454: "Following extra content exists to ensure t
hat the parent box overflows properly. Sed" | |
| 69 text run at (0,16) width 449: "ut perspiciatis unde omnis iste natus err
or sit voluptatem accusantium doloremque" | |
| 70 text run at (0,32) width 454: "laudantium, totam rem aperiam, eaque ipsa
quae ab illo inventore veritatis et quasi" | |
| 71 text run at (0,48) width 433: "architecto beatae vitae dicta sunt explic
abo. Nemo enim ipsam voluptatem quia" | |
| 72 text run at (0,64) width 453: "voluptas sit aspernatur aut odit aut fugi
t, sed quia consequuntur magni dolores eos" | |
| 73 text run at (0,80) width 462: "qui ratione voluptatem sequi nesciunt. Ne
que porro quisquam est, qui dolorem ipsum" | |
| 74 text run at (0,96) width 435: "quia dolor sit amet, consectetur, adipisc
i velit, sed quia non numquam eius modi" | |
| 75 text run at (0,112) width 454: "tempora incidunt ut labore et dolore mag
nam aliquam quaerat voluptatem. Ut enim" | |
| 76 text run at (0,128) width 455: "ad minima veniam, quis nostrum exercitat
ionem ullam corporis suscipit laboriosam," | |
| 77 text run at (0,144) width 448: "nisi ut aliquid ex ea commodi consequatu
r? Quis autem vel eum iure reprehenderit" | |
| 78 text run at (0,160) width 464: "qui in ea voluptate velit esse quam nihi
l molestiae consequatur, vel illum qui dolorem" | |
| 79 text run at (0,176) width 219: "eum fugiat quo voluptas nulla pariatur?" | |
| 80 layer at (144,211) size 38x36 transparent | |
| 81 LayoutBlockFlow (positioned) {P} at (1,1) size 38x36 [bgcolor=#FF0000] | |
| 82 LayoutText {#text} at (8,8) size 22x19 | |
| 83 text run at (8,8) width 22: "hi 2" | |
| OLD | NEW |