title: iScroll 4 not working with form <select> element iPhone Safari and Android browser
body: <p>I'm using this HTML code:</p>
  
  <pre><code>&lt;form action="#" method="post"&gt;
      &lt;fieldset&gt;
          &lt;label class="desc" id="title10" for="Field10"&gt;
              How many children do you have?
          &lt;/label&gt;        
          &lt;select id="Field10" name="Field10" class="field select large" tabindex="5"&gt;
              &lt;option value="0" selected="selected"&gt;0 &lt;/option&gt;
              &lt;option value="1"&gt;1 &lt;/option&gt;
              &lt;option value="2"&gt;2 &lt;/option&gt;
              &lt;option value="3"&gt;3 &lt;/option&gt;
              &lt;option value="4"&gt;4 &lt;/option&gt;
              &lt;option value="5"&gt;5 &lt;/option&gt;
              &lt;option value="6"&gt;6 &lt;/option&gt;
              &lt;option value="7"&gt;7 &lt;/option&gt;
              &lt;option value="8"&gt;8 &lt;/option&gt;
              &lt;option value="9"&gt;9 &lt;/option&gt;
          &lt;/select&gt;
          &lt;input type="submit" value="Send message" /&gt;
      &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><code>&lt;select&gt;</code> is not working on iPhone and Android. When I tap on the selectbox nothing happens.</p>
  
  <p>I'm using iScroll 4 which is creating the problem.</p>
  
  <pre><code>&lt;script type="application/javascript" src="iscroll-lite.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      var myScroll;
      function loaded() {
          myScroll = new iScroll('wrapper');
      }
      document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
      document.addEventListener('DOMContentLoaded', loaded, false);
  &lt;/script&gt;
  </code></pre>
  
  <p>I think <a href="https://groups.google.com/forum/#!topic/iscroll/Wy-61qpmeQc" rel="nofollow noreferrer">this is a solution</a> but I don't know how to implement it.</p>