title: Selectfield stuck in Sencha Touch & events not firing on selection
body: <p>I have a <code>selectfield</code> that works perfectly on desktop (<em>scrolls, selects, fires the right events, updates the appropriate field, etc.</em>), but will not disappear after selection when running on mobile (iPhone).</p>
  
  <p>Upon making a selection, the selectfield "wheel" does not disappear and will not even disappear when tapping in the mask (outside of the scrolling picker area). Again, this only happens on mobile and is perfectly fine on desktop.</p>
  
  <p>Sounds like a framework bug? Read on for more clues...</p>
  
  <pre><code>{
      xtype: 'selectfield',
      id: 'editor-page',
      name: 'page',
      label: 'Page',
      labelWidth: 70,
      options: [
          {text: 'N/A',  value: 'N/A'},
          {text: '1',  value: '1'},
          {text: '2',  value: '2'},
          {text: '3',  value: '3'}
          // ...
      ]
  }
  </code></pre>
  
  <hr />
  
  <h2>Things I've tried (without luck)</h2>
  
  <ul>
  <li><p>From what I've seen of similar issues around the web, I've tried messing with setting <code>showAnimation: 'false'</code>.</p></li>
  <li><p>Forcing <code>hideOnMaskTap: 'true'</code> (even though it should be by default)</p></li>
  <li><p>Setting <code>modal: 'true'</code></p></li>
  <li><p>Setting <code>stopMaskTapEvent: 'false'</code> (to allow taps outside the picker to be made)</p>
  
  <p><strong>(AND... every combination of the above, just in case of framework quirk or a misunderstanding of their interdependence on my part.)</strong></p></li>
  </ul>
  
  <hr />
  
  <h2>Selectfield events firing on desktop but not on mobile (iPhone)?</h2>
  
  <p>On the <code>selectfield</code>, I put listeners on the following events as a means to trap a selection change and force a <code>hide</code> or <code>blur</code>, but as it turns out, they're only firing on desktop (Chrome) and not in mobile Safari.</p>
  
  <pre><code>listeners: {
      'render': function (thisComponent) {
          alert("select!");                           
          thisComponent.blur();
      },
      'action': function (thisComponent) {
          alert("action!");
          thisComponent.blur();
      },
      'select': function (thisComponent) {
          alert("select!");
          thisComponent.blur();
      }
  }            
  </code></pre>
  
  <hr />
  
  <h2>And lastly, I hate to admit it, but yes, I'm using Sencha Touch 1.1.0</h2>
  
  <h3>*Gasps! Oh the Horror!*</h3>
  
  <p>At this point, the project may not have time enough to consider all the ramifications of migrating to 2.x. Thus, this is my last ditch effort before diving into the migration if I absolutely must to fix this.</p>