iPhone上的Sencha触摸复选框问题

Question

我的sencha应用程序出现一个奇怪的错误，仅出现在iphone上。

该复选框不会将自己应用于完整框，只有白色部分可以单击。 我似乎找不到任何遇到相同问题的人，因此我只能假定我编写的代码有问题。

                {
                xtype: 'checkboxfield',
                name: 'tos',
                label: 'I accept the terms of service & privacy policy*',
                id:'tos',
                checked: false,
                listeners: {
                    check: function() {
                        $(this.fieldEl.dom).attr('value' , 'checked');
                    },
                    uncheck: function(){
                        $(this.fieldEl.dom).attr('value' , '');                             
                    }
                }
            },

如果您看到任何可能导致此问题的信息，请告诉我。

Answer 1

这个问题有一个答案-Sencha Touch checkboxfield具有带有长标签的时髦布局

它帮助了我，应该帮助您。

Answer 2

我在1.1.1中遇到了这个问题-适用于Chrome，无法在ipad，iphone，safari上使用。

要重现此问题，请创建一个带有多行标签的复选框。

<div id="ext-comp-1006" class=" x-field concern_select x-field-checkbox x-field-required x-label-align-left">
  <div class="x-form-label" id="ext-gen1019" style="width: 40%; ">
    <span>This is a long multiline label, so why doesn't the next input match the size of this span?</span>
  </div>
  <input id="ext-gen1018" type="checkbox" name="17" class="x-input-checkbox" tabindex="-1" value="">