Javascript Sencha 2.0标题栏与“选择所有范围”区域重叠

Sencha 2.0标题栏与“选择所有范围”区域重叠，如果向上滚动输入文本的编辑区域，则该区域在IOS 6.1 safari（webkit）上运行

这就是我们定义新消息创建对话框视图的方式

{
xtype: 'panel',
name: 'createMsgPanel',
id:'createMsgPanel',
cls:'newMsg-panel',
width: 840,
top:0,
left: 100,
modal: true,
hideAnimation: 'fadeOut',  // slideOut
hideOnMaskTap: false,
hidden: true,
items: [
{
xtype:'panel',
id:'createMsgPanelDiv',
cls:'nativeScrollingCls',
layout: 'vbox',
items:[
{
    xtype: 'formpanel',
    scrollable: false,
    height: 170,
    name: 'headerForm',
    items:[{
 xtype : 'emailfield',
 name : 'SenderEmail',
 id : 'senderEmail',
 label : 'To:',
 labelWidth : 38,
 height:35
    }, {
 xtype : 'emailfield',
 name : 'Cc',
 id : 'cc',
 label : 'Cc:',
 labelWidth : 38,
 height: 35
    }, {
 xtype: 'emailfield',
 name: 'Bcc',
 id: 'bcc',
 label: 'Bcc:',
 labelWidth: 42,
 height: 35
    }, {
 xtype : 'textfield',
 name : 'Subject',
 id : 'subject',
 label : 'Subject:',
 labelWidth : 74,
 height: 35
    },
 {
     xtype: 'container',
     layout: 'hbox',
     name: 'AttachmentsOuter',
     items: [
  {
      xtype: 'label',
      html: 'Attachments:',
      name : 'AttachmentsLabel',
      style: 'font-weight: bold; font-size: .8em; margin: 3px 0px 0px 10px;',
      width : 110
  },
  {
      xtype : 'panel',
      cls: 'att',
      name : 'Attachments',
      label : 'Attachments:',
      labelWidth : 130,
      width: 700,
      style: 'font-size: .8em; margin-top:7px'
  },
  {
      xtype: 'container',
      style: 'display: none',
      name: 'AttachmentsValue'
  }
     ]
 }

    ]
},{
    xtype: 'container',
    name: 'emailEditAreaCt',
    id: 'emailEditAreaCt',
    flex: 1,
    html: '<textarea id="inputEdit" style="width:825px;height:180px"></textarea>'

}
]
},{
    xtype: 'titlebar',   // Here we are defining titlebar
    name: 'newMsgTBar',
    title: 'New Message',
    docked: 'top',
    items: [{
 text: 'Cancel',
 name: 'cancel',
 align: 'left',
 margin: '0 10 0 0'
    },{
 text: 'Send',
 name: 'send',
 align: 'right',
 disabled: 'true'
    },{
 html:'<input type="text" id="dummyEmailTextBox" style="width:20px;background-color:transparent;border:none;"/>',
 ui:"plain",
 style:'-webkit-box-shadow: none;height:0px;left:-230px'
    }]

},{
    xtype: 'toolbar',
    name: 'editorToolBar',
    docked: 'bottom',
    height:35,
    html: '<div class="newMsg-important" id="emailImpDiv" ><div class="newMsg-important-image"></div></div>' +
  '<div class="newMsg-important-low" id="emailLowImpDiv" ><div class="newMsg-important-low-image"></div></div>' +
  '<div id="inputEditPanel" style="width:769px;display:inline;float:left;"></div>'
}
]
}

{
xtype:'面板'，
名称：“createMsgPanel”，
id:'createMsgPanel'，
cls:'newMsg-panel'，
宽度：840，
排名：0，
左:100,，
莫代尔：是的，
隐藏：“淡出”，//滑出
hideOnMaskTap：错，
隐藏：是的，
项目：[
{
xtype:“面板”，
id:'createMsgPanelDiv'，
cls:“nativeScrollingCls”，
布局：“vbox”，
项目：[
{
xtype:'formpanel'，
可滚动：false，
身高：170，
名称：'headerForm'，
项目：[{
xtype:'emailfield'，
名称：'SenderEmail'，
id:'senderEmail'，
标签：“收件人：”，
标签宽度：38，
身高：35
}, {
xtype:'emailfield'，
姓名：'Cc'，
id:'抄送'，
标签：“抄送：”，
标签宽度：38，
身高：35
}, {
xtype:'emailfield'，
名称：“密件抄送”，
id:'密件抄送'，
标签：“密件抄送：”，
标签宽度：42，
身高：35
}, {
xtype:'textfield'，
姓名：'主题'，
id:'主题'，
标签：“主题：”，
标签宽度：74，
身高：35
},
{
xtype:'容器'，
布局：“hbox”，
名称：“AttachmentsOuter”，
项目：[
{
xtype:'标签'，
html:“附件：”，
名称：“AttachmentsLabel”，
样式：“字体大小：粗体；字体大小：8em；边距：3px 0px 0px 10px；”，
宽度：110
},
{
xtype:'面板'，
cls:‘附件’，
名称：'附件'，
标签：“附件：”，
标签宽度：130，
宽度：700，
样式：“字体大小：.8em；页边空白顶部：7px”
},
{
xtype:'容器'，
样式：“显示：无”，
名称：“AttachmentsValue”
}
]
}
]
},{
xtype:'容器'，
名称：'emailEditAreaCt'，
id:“emailEditAreaCt”，
弹性：1，
html:'
}
]
},{
xtype:'标题栏'，//这里我们定义标题栏
名称：'newMsgTBar'，
标题：“新消息”，
停靠：“顶部”，
项目：[{
文本：“取消”，
名称：“取消”，
对齐：“左”，
边距：“0 10 0 0”
},{
文本：“发送”，
名称：“发送”，
对齐：“右”，
禁用：“真”
},{
html:“”，
用户界面：“普通”，
样式：'-webkit框阴影：无；高度：0px；左侧：-230px'
}]
},{
xtype:'工具栏'，
名称：“editorToolBar”，
停靠：“底部”，
身高：35，
html:'+
'' +
''
}
]
}

---

您建议什么解决方案？

使用

而不是Sencha的正确方法有什么特别的原因吗？如果您使用普通表单字段，您可以使用这些字段定义一个字段集，并将其添加到带有停靠工具栏的

vbox

布局中，这应该会起作用

实际上此项为html:'