<!DOCTYPE html>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../../resources/gesture-util.js"></script>
<script src="../../resources/compositor-controls.js"></script>
<script src="./resources/middleClickAutoscroll.js"></script>
<style type="text/css">
#scrollable {
  height: 200px;
  overflow: auto;
  border: solid 3px #cc0000;
  font-size: 80px;
}
</style>
<script>
var mousedown_fired = false;
window.addEventListener('mousedown', function(event) {
  mousedown_fired = true;
});

function start() {
  testSetUp({
    'clickOrDrag': 'drag',
    'scrollable': $('scrollable'),
    'finishTest': function() {
      assert_true(mousedown_fired);
    },
  });
}
</script>
<body onload="start()">
<div id="container">
<p id="description"></p>
Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=32303">bug 32303</a> This tests that pan
scrolling works without event.preventDefault and the middle button mousedown event is fired.
To test manually, try to pan scroll inside this div.
<div id="scrollable"></div>
</div>
<div id="console"></div>
</body>