Question

我遇到Android，SenchaTouch 1.1.1和WebView的问题。我有一个简单的表格，有2个输入。一个是文本和其他密码字段。现在有两个问题。

如果您对密码字段进行了聚焦，则会得到一个覆盖字段，即使向上或向下滚动它也会浮动，但它会保持绝对定位
如果没有密码字段但只有2个文本字段，并且在android虚拟键盘上按下一个，则焦点不会移动到下一个输入字段。这实际上适用于任意数量的输入字段

这一切都发生在Android 2.1上，但我认为这是WebView和CSS的一个更广泛的问题。它适用于Chrome和Android 4.X中的iPhone。如果我从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

Android上的Sencha Touch和Phonegap - 输入字段焦点不会移动

0 个答案: