| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>drag the scrollbars of content flowed in regions</title> |
| <style type="text/css"> |
| .content { |
| width: 100px; |
| height: 100px; |
| overflow-y: scroll; |
| overflow-x: none; |
| font-size: 20px; |
| line-height: 1em; |
| padding: 0.5em; |
| border: solid 1px #888; |
| -webkit-flow-into: f; |
| } |
| #region { |
| width: 200px; |
| height: 200px; |
| margin: 20px; |
| background-color: rgb(241, 241, 241); |
| -webkit-flow-from: f; |
| } |
| </style> |
| <script type="text/javascript"> |
| function myOnLoad() { |
| if(!window.testRunner) |
| return; |
| var scrollable = document.querySelector('.content'); |
| var scrollBox = scrollable.getBoundingClientRect(); |
| var X = scrollBox.right - 3; |
| var Y = scrollBox.bottom - 3; |
| |
| eventSender.mouseMoveTo(X, Y); |
| eventSender.mouseDown(); |
| eventSender.mouseUp(); |
| } |
| </script> |
| </head> |
| <body onload="myOnLoad();"> |
| <div class="content">1xxxxx<br>2xxxxx<br>3xxxxx<br>4xxxxx<br>5xxxxx<br>6xxxxx<br>7xxxxx<br>8xxxxx</div> |
| <div id="region"></div> |
| <div>You should be able to drag the scrollbars</div> |
| </body> |
| </html> |
