OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <style> | |
4 #scroll { | |
5 width: 230px; | |
6 height: 230px; | |
7 overflow: scroll; | |
8 border: 1px solid black; | |
9 } | |
10 #container { | |
11 width:200px; | |
12 height:200px; | |
13 background-color:blue; | |
14 transform: rotate(180deg); | |
15 } | |
16 #spill { | |
17 width:100px; | |
18 height:100px; | |
19 background-color:green; | |
20 position:absolute; | |
21 top:-50px; | |
22 } | |
23 </style> | |
24 </head> | |
25 | |
26 <body> | |
27 | |
28 <p id="result"> | |
29 FAIL. The transform has not been applied to the scrollHeight. | |
30 </p> | |
31 | |
32 <div id="scroll"> | |
33 <div id="container"> | |
34 <div id="spill"></div> | |
35 </div> | |
36 </div> | |
37 | |
38 <script> | |
39 if (window.testRunner) | |
40 testRunner.dumpAsText(); | |
41 var scroll = document.getElementById("scroll"); | |
42 var scrollHeight = scroll.scrollHeight; | |
43 if (scrollHeight > 215) { | |
44 var result = document.getElementById("result"); | |
45 result.innerHTML = "SUCCESS! The transform was applied to the scroll
Height!"; | |
46 } | |
47 </script> | |
48 </body> | |
49 </html> | |
OLD | NEW |