| <html> |
| <head> |
| <style type="text/css"> |
| #draggable { |
| padding: 5pt; |
| border: 3px solid #00cc00; |
| background: #00cccc; |
| width: 80px; |
| cursor: hand; |
| } |
| |
| #scrollable { |
| height: 200px; |
| overflow: auto; |
| border: solid 3px #cc0000; |
| font-size: 80px; |
| } |
| </style> |
| </head> |
| <body> |
| You should run this test in DRT. |
| <br> |
| For manual testing, hold middle button in scrollable and move aroudn mouse pointer for scrolling, then release middle button to stop scrolling. |
| You won't see pan icon after pan scroll. |
| <div id="container"> |
| Scrollable |
| <div id="scrollable"> |
| <div>line 0</div> |
| <div>line 1</div> |
| <div>line 2</div> |
| <div>line 3</div> |
| <div>line 4</div> |
| <div>line 5</div> |
| <div>line 6</div> |
| <div>line 7</div> |
| <div>line 8</div> |
| <div>line 9</div> |
| </div> |
| </div> |
| <script> |
| setUpTest(); |
| </script> |
| </body> |
| </html> |
