test_bug524925.html (1014B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=524925 5 --> 6 7 <head> 8 <title>Test for Bug 524925</title> 9 <script src="/tests/SimpleTest/SimpleTest.js"></script> 10 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> 11 </head> 12 13 <body> 14 15 <div id="container" style="width: 100px; height: 100px; overflow: auto;"> 16 <div id="container2" style="width: 100px; height: 100px; overflow: visible;"> 17 <div id="block" style="width: 50px; height: 50px; background-color: #000; transform:translatey(0px);"></div> 18 </div> 19 </div> 20 21 <pre id="test"> 22 <script type="application/javascript"> 23 // Move 'block' 100 pixels downwards. 24 var block = document.getElementById("block"); 25 block.style.transform = "translatey(100px)"; 26 27 // Check the result is correct and finish the test 28 var container = document.getElementById("container"); 29 is(container.scrollHeight, 150, "Overflow areas should update after dynamic transform changes"); 30 </script> 31 </pre> 32 33 </body> 34 </html>