| <!DOCTYPE html> |
| <head> |
| <script> |
| function log(msg) |
| { |
| document.getElementById('console').appendChild(document.createTextNode(msg + '\n')); |
| } |
| |
| function test() |
| { |
| if (window.testRunner) { |
| testRunner.waitUntilDone(); |
| testRunner.dumpAsText(); |
| } |
| |
| var textInDiv = document.getElementById('textInDiv'); |
| if (window.eventSender) { |
| var x = textInDiv.offsetLeft + 17; |
| var y = textInDiv.offsetTop + 7; |
| eventSender.dragMode = false; |
| eventSender.mouseMoveTo(x, y); |
| eventSender.mouseDown(); |
| eventSender.mouseMoveTo(x, y + 20); |
| eventSender.mouseMoveTo(x, y + 220); |
| } |
| setTimeout(autoscrollTestPart2, 100); |
| } |
| |
| function autoscrollTestPart2() |
| { |
| if (window.eventSender) |
| eventSender.mouseUp(); |
| var sd = document.getElementById('nonScrollableDiv'); |
| if (sd.scrollTop == 0) |
| log("PASSED : the autoscroll did not happen!"); |
| else |
| log("FAILED : the autoscroll has happened :-("); |
| |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| } |
| </script> |
| </head> |
| <body onload="test()"> |
| <div id="description">Test ensure overflow:hidden has the same effect that overflow-y:hidden has with respect to autoscroll.<br> |
| To test manually, text select by draggin the text below, and move the mouse downwards out of the div boundary. It should not scroll! |
| </div> |
| <div id="nonScrollableDiv" style="height: 100px; overflow-x: auto; overflow-y: hidden; width: 100px"> |
| <div id="tailDiv" style=" height: 1000px; background-color: yellow"> |
| <span id='textInDiv'> Try to autoscroll this text.<br> |
| </div> |
| </div> |
| <div id="console"></div> |
| </body> |
| </html> |
