如果向上滚动带有输入文本的编辑区域，则Sencha 2.0标题栏与选择所有范围区域重叠，它在IOS 6.1野生动物园（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>'
}
]
}
您会提出什么解决方案？
最佳答案
使用<input type='text'.../>代替Sencha正确的textarea的任何特殊原因？如果您使用普通表单字段，则可以使用这些字段定义一个字段集，并将其添加到带有停靠的工具栏的vbox布局中，这应该可以工作
关于javascript - Sencha 2.0标题栏与选择所有范围区域重叠，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15022864/