title: Sencha touch check box issue on Iphone
body: <p>I'm having an odd error in my sencha app that only appears on iphone. </p>
  
  <p><img src="https://i.stack.imgur.com/5XmCf.png" alt="iPhone checkbox issue"></p>
  
  <p>The checkbox does not apply itself to the full box, and only the white part is clickable. I can't seem to find anyone who is having this same issue, so i can only assume there is something wrong with the code i have written.</p>
  
  <pre><code>                {
                  xtype: 'checkboxfield',
                  name: 'tos',
                  label: 'I accept the terms of service &amp; privacy policy*',
                  id:'tos',
                  checked: false,
                  listeners: {
                      check: function() {
                          $(this.fieldEl.dom).attr('value' , 'checked');
                      },
                      uncheck: function(){
                          $(this.fieldEl.dom).attr('value' , '');                             
                      }
                  }
              },
  </code></pre>
  
  <p>Please let me know if you see anything that may be causing this problem.</p>