title: iScroll 4 not scrolling on input elements
body: <p>I'm building a mobile app that targets Android 2.2+, Blackberry 9+ and iOS 4+. In our stack we  are using Phonegap, jQuery and <a href="http://cubiq.org/iscroll-4" rel="nofollow noreferrer">iScroll</a> (amongst others).</p>
  
  <p>One of our app screens looks like this (text redacted for anonymity) - running in the iOS 5 simulator's Safari.</p>
  
  <p><img src="https://i.stack.imgur.com/zt2ql.png" alt="App Screenshot"></p>
  
  <p>As you can see, this is a typical input screen with a fixed header, and multiple block-level form elements stretching the full with of the device screen, less padding.</p>
  
  <p>As I mentioned, our app uses iScroll. We're initialising it on this page using the following code (taken from the iScroll 'forms' sample).</p>
  
  <pre><code>// ...
  
  window.scroller = new iScroll(id, {
      useTransform: false,
      onBeforeScrollStart: function(e) {
          var target = e.target;
          while (target.nodeType != 1) target = target.parentNode;
          if(target.tagName != 'select'
              &amp;&amp; target.tagName != 'input'
              &amp;&amp; target.tagName != 'textarea') {
              e.preventDefault();
          }
      }
  });
  
  // Disable touch scrolling (Req'd for iScroll)
  window.document.addEventListener('touchmove', function(e) {
      e.preventDefault();
  }, false);
  
  // ...
  </code></pre>
  
  <p>On this screen, I've noticed that the content scrolls fine when the user touches any part of the background, but doesn't scroll when you begin the scroll gesture (swiping up or down) by touching one of the input elements. As you can understand this essentially makes this screen impossible to use, hence me looking for a fix.</p>
  
  <p>I've since found the culprit line in iScroll;</p>
  
  <pre><code>if (nodeName == "TEXTAREA" || nodeName == "INPUT" || nodeName == "SELECT" ) return; 
  </code></pre>
  
  <p>(179 in iscroll.js), an <a href="https://github.com/cubiq/iscroll/issues/276" rel="nofollow noreferrer">open issue for this bug</a> with a claimed fix, and one <a href="https://github.com/cubiq/iscroll/pull/190" rel="nofollow noreferrer">pull request that claims to fix it</a>, however the author of the bug seems to have incorrect line numbers, preventing me from attempting that fix, and the mentioned pull request doesn't work for me (tested on iOS 5.1, Android 4.0.4).</p>
  
  <p>My question - is there some way to allow a user to scroll (using iScroll) when touching an input element? If not, iScroll is completely useless in cases like this. At the moment, I'm looking at either</p>
  
  <ul>
  <li>Using the <a href="http://filamentgroup.github.com/Overthrow/" rel="nofollow noreferrer">Overthrow shim</a> that claims to have identical functionality to iScroll - however this isn't a great option due to <a href="https://github.com/filamentgroup/Overthrow/issues/2" rel="nofollow noreferrer">various</a> <a href="https://github.com/filamentgroup/Overthrow/issues/20" rel="nofollow noreferrer">issues</a> <a href="https://github.com/filamentgroup/Overthrow/issues/1" rel="nofollow noreferrer">with</a> <a href="https://github.com/filamentgroup/Overthrow/issues/20" rel="nofollow noreferrer">Android</a> - one of our key platforms.</li>
  <li>Doing away with iScroll and loosing my fixed header.</li>
  </ul>
  
  <p>It's 2012 - do we still not have a way to do this on Mobile browsers?!?</p>