| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>Bug 39284 test case</title> |
| <script> |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| testRunner.waitUntilDone(); |
| } |
| </script> |
| <style type="text/css"> |
| <!-- |
| #container { |
| display:block; |
| border:1px solid black; |
| width:100px; |
| height:100px; |
| overflow:hidden; |
| padding:0px; |
| background-color:blue; |
| } |
| #container:hover { |
| overflow:auto; |
| } |
| ::-webkit-scrollbar { |
| width: 20px; |
| height: 20px; |
| } |
| ::-webkit-scrollbar-button:start:decrement, |
| ::-webkit-scrollbar-button:end:increment { |
| height: 0px; |
| display: block; |
| } |
| |
| ::-webkit-scrollbar-track-piece { |
| background-color: black; |
| } |
| |
| ::-webkit-scrollbar-thumb:vertical { |
| background-color: white; |
| } |
| --> |
| </style> |
| </head> |
| <body style="margin:0px;"> |
| <div id="container"> |
| <div style="height:200px; width:50px; background-color:red;"> |
| </div> |
| <div style="height:200px; width:50px; background-color:green;"> |
| </div> |
| </div> |
| <script> |
| var t = document.getElementById("container"); |
| t.scrollTop = t.scrollHeight; |
| if (window.eventSender) { |
| eventSender.mouseMoveTo(50, 50); |
| eventSender.mouseMoveTo(250, 250); |
| eventSender.mouseMoveTo(50, 50); |
| } |
| if (window.testRunner) |
| window.testRunner.notifyDone(); |
| </script> |
| </body> |
| </html> |