我对 Android、SenchaTouch 1.1.1 和 WebView 有疑问。我有一个带有 2 个输入的简单表单。一个是文本和其他密码字段。现在有两个问题。
- 如果您关注密码字段,您会得到一个覆盖字段,即使您向上或向下滚动它也会浮动,它会保持绝对定位
- 如果没有密码字段但只有 2 个文本字段,并且您在 android 虚拟键盘上按下一步,则焦点不会移动到下一个输入字段。这实际上适用于任意数量的输入字段
所有这一切都发生在 android 2.1 上,但我认为这是 WebView 和 CSS 的一个更广泛的问题。它可以在 Chrome 中的 iPhone 和 Android 4.X 上正常工作。如果我从 SenchaTouch 中删除 CSS,一切都会按预期工作。所以这不是 DOM 而是 CSS 问题。defsult CSS 中的某些东西一定会导致这一切。代码是:
Ext.regApplication(
{
name: 'MyHome',
launch: function()
{
this.launched = true;
this.mainLaunch();
},
mainLaunch: function()
{
AuthPanel =
{
id: 'ID_SM_LoginForm',
csl: 'CS_SM_LoginForm',
xtype: 'formpanel',
flex: 1,
layout:
{
type: 'vbox',
pack: 'center'
},
items:
[
{
id: 'ID_Auth_UserName',
cls: 'CS_Auth_Field',
xtype: 'fieldset',
title: "Username",
items:
[
{
id: 'ID_Auth_Field_UserName',
useClearIcon: false,
xtype: 'textfield',
name: 'UserName'
}
]
},
{
id: 'ID_Auth_Password',
cls: 'CS_Auth_Field',
xtype: 'fieldset',
title: "Password",
items:
[
{
id: 'ID_Auth_Field_Password',
xtype: 'textfield',
useClearIcon: false,
name: 'Password'
}
]
}
],
listeners:
{
afterrender: function(panel)
{
}
}
};
if (Ext.is.Phone)
{
AuthPanel.fullscreen = true;
}
else
{
document.body.style.background = "white";
Ext.apply(AuthPanel,
{
autoRender : true,
floating : true,
modal : true,
centered : true,
hideOnMaskTap : false,
height : 540,
width : 400
});
}
MainPanel = new Ext.Panel(AuthPanel);
MainPanel.show();
}
});
任何人都可以分享有关 CSS 的哪一部分导致此问题的任何见解。有很多 CSS,我不知道从哪里开始寻找。而且没有办法切换到 SenchaTouch 2