OLD | NEW |
1 <html id='root'> | 1 <html id='root'> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 .container { | 4 .container { |
5 width: 400px; | 5 width: 400px; |
6 height: 400px; | 6 height: 400px; |
7 overflow: scroll; | 7 overflow: scroll; |
8 margin: 20px; | 8 margin: 20px; |
9 border: 1px solid black; | 9 border: 1px solid black; |
10 position: relative; | 10 position: relative; |
(...skipping 25 matching lines...) Expand all Loading... |
36 #successor { | 36 #successor { |
37 left: 160px; | 37 left: 160px; |
38 top: 1000px; | 38 top: 1000px; |
39 position: relative; | 39 position: relative; |
40 } | 40 } |
41 | 41 |
42 .descendant { | 42 .descendant { |
43 height: 100px; | 43 height: 100px; |
44 width: 100px; | 44 width: 100px; |
45 background-color: black; | 45 background-color: black; |
| 46 position: relative; |
46 } | 47 } |
47 </style> | 48 </style> |
48 | 49 |
49 <script> | 50 <script> |
50 if (window.testRunner) { | 51 if (window.testRunner) { |
51 testRunner.waitUntilDone(); | 52 testRunner.waitUntilDone(); |
52 testRunner.dumpAsText(); | 53 testRunner.dumpAsText(); |
53 } | 54 } |
54 | 55 |
55 // We always want to print the iframe output last, and then let the | 56 // We always want to print the iframe output last, and then let the |
(...skipping 24 matching lines...) Expand all Loading... |
80 'always returns the correct answer on relative
ly ' + | 81 'always returns the correct answer on relative
ly ' + |
81 '"basic" elements as well as fixed- and absolu
te-' + | 82 '"basic" elements as well as fixed- and absolu
te-' + |
82 'positioned elements (ie, those with non-obvio
us ' + | 83 'positioned elements (ie, those with non-obvio
us ' + |
83 'containing blocks), and iframes.\n\n'; | 84 'containing blocks), and iframes.\n\n'; |
84 var text = document.createTextNode(testDescription); | 85 var text = document.createTextNode(testDescription); |
85 pre.appendChild(text); | 86 pre.appendChild(text); |
86 | 87 |
87 if(!window.internals) | 88 if(!window.internals) |
88 return; | 89 return; |
89 | 90 |
90 var divs = ['predecessor', 'container', 'scrolled1', 'scrolled2', 's
crolled3', 'fixed-descendant', 'successor', 'root']; | 91 var divs = ['predecessor', 'container', 'scrolled1', 'scrolled2', 's
crolled3', 'fixed-descendant', 'successor', 'root', 'descendant']; |
91 for (var i = 0; i < divs.length; i++) { | 92 for (var i = 0; i < divs.length; i++) { |
92 var div1 = document.getElementById(divs[i]); | 93 var div1 = document.getElementById(divs[i]); |
93 for (var j = 0; j < divs.length; j++) { | 94 for (var j = 0; j < divs.length; j++) { |
94 var div2 = document.getElementById(divs[j]); | 95 var div2 = document.getElementById(divs[j]); |
95 var scrollsWithRespectTo = window.internals.scrollsWithRespe
ctTo(div1, div2); | 96 var scrollsWithRespectTo = window.internals.scrollsWithRespe
ctTo(div1, div2); |
96 | 97 |
97 var successText = scrollsWithRespectTo ? 'scrolls with respe
ct to' : 'does not scroll with respect to'; | 98 var successText = scrollsWithRespectTo ? 'scrolls with respe
ct to' : 'does not scroll with respect to'; |
98 var messageText = div1.id + ' ' + successText + ' ' + div2.i
d; | 99 var messageText = div1.id + ' ' + successText + ' ' + div2.i
d; |
99 text = document.createTextNode(messageText + '\n'); | 100 text = document.createTextNode(messageText + '\n'); |
100 pre.appendChild(text); | 101 pre.appendChild(text); |
(...skipping 14 matching lines...) Expand all Loading... |
115 | 116 |
116 window.onload = doTest; | 117 window.onload = doTest; |
117 window.onmessage = receiveIframeOutput; | 118 window.onmessage = receiveIframeOutput; |
118 </script> | 119 </script> |
119 </head> | 120 </head> |
120 | 121 |
121 <body> | 122 <body> |
122 <div class='positioned' id='predecessor'></div> | 123 <div class='positioned' id='predecessor'></div> |
123 <div class='container' id='container'> | 124 <div class='container' id='container'> |
124 <div class='scrolled' id='scrolled1'> | 125 <div class='scrolled' id='scrolled1'> |
125 <div class='descendant'></div> | 126 <div id='descendant' class='descendant'></div> |
126 </div> | 127 </div> |
127 <div class='scrolled' style='z-index:2;' id='scrolled2'> | 128 <div class='scrolled' style='z-index:2;' id='scrolled2'> |
128 <div class='descendant'></div> | 129 <div class='descendant'></div> |
129 <div class='descendant' style='position:fixed' id='fixed-descendant'
></div> | 130 <div class='descendant' style='position:fixed' id='fixed-descendant'
></div> |
130 </div> | 131 </div> |
131 <div class='scrolled' style='background-color: blue; position: absolute'
id='scrolled3'> | 132 <div class='scrolled' style='background-color: blue; position: absolute'
id='scrolled3'> |
132 <div class='descendant'></div> | 133 <div class='descendant'></div> |
133 </div> | 134 </div> |
134 </div> | 135 </div> |
135 <iframe id='inner-iframe' src='resources/scrolls-with-respect-to-iframe.html
' style='width: 500px; height: 500px; position: relative; top: 500px;'></iframe> | 136 <iframe id='inner-iframe' src='resources/scrolls-with-respect-to-iframe.html
' style='width: 500px; height: 500px; position: relative; top: 500px;'></iframe> |
136 <div class='positioned' id='successor'></div> | 137 <div class='positioned' id='successor'></div> |
137 <pre id='console'></pre> | 138 <pre id='console'></pre> |
138 </body> | 139 </body> |
139 </html> | 140 </html> |
OLD | NEW |