android - Android の SenchaTouch と Phonegap - 入力フィールドのフォーカスが動かない

Question

Android、SenchaTouch 1.1.1、および WebView に問題があります。私は2つの入力を持つ単純なフォームを持っています。1 つはテキストおよび他のパスワード フィールドです。これには2つの問題があります。

1. パスワードフィールドにフォーカスすると、オーバーレイフィールドが表示され、上下にスクロールしても浮動し、絶対位置にとどまります
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 に切り替える方法はありません