title: iOS HTML Input Tag Stops Scrolling in Scrollable Element
body: <p>My mobile website has a fixed scrollable (<code>overflow-y:auto</code>) element that contains <code>input</code> tags. On iPhone and iPad, touching and moving on the <code>input</code> tags block the element from scrolling but touching and moving on labels (or anything else) do not. This issue does not occur on Android.</p>
  
  <p>The <code>input</code> tags used to be part of a <code>table</code> before I switched to <code>div</code>s for layout and the scrolling worked then for iOS and Android. Is there a reason why scrolling is blocked when the <code>input</code> tags are not in <code>table</code>s? I really prefer not having to go back to <code>table</code>s for layout.</p>
  
  <p>I also tried <code>-webkit-overflow-scrolling: touch</code> and it fixed the issue for iPhone but prevents scrolling completely on iPad on top of allowing users to scroll horizontally which I don't want.</p>
  
  <p><strong>UPDATE:</strong> If the soft keyboard is active everything works as intended. Only when the keyboard is not active when I get the issue.</p>