Can't scroll over input

[harrington101]

When the element to scroll contains an input element the user cannot scroll the container if they touch over the input element. For example:

<div class="container" style="width: 500px; overflow: hidden;">
<p>Hello World</p>
<div style="width: 1100px">
<input type="text" id="firstName" style="width: 200px; display: inline-block;" />
<input type="text" id="firstName" style="width: 200px; display: inline-block;" />
<input type="text" id="firstName" style="width: 200px; display: inline-block;" />
<input type="text" id="firstName" style="width: 200px; display: inline-block;" />
<input type="text" id="firstName" style="width: 200px; display: inline-block;" />
</div>
</div>

In this case the user can scroll when they press over the paragraph but not when they press over the input.