Ext.js，嵌套表单面板无法在移动设备上滚动

Question

我是Ext.js＆amp;的新手。我有一些问题在移动设备上滚动嵌套表单。我有一个网格面板＆amp;一个表格面板位于“中心”内部。小组＆amp;根据在西面板中选择了哪个选择，我隐藏了一个。网格部分工作正常（并且由于bufferedrenderer插件而在移动设备中滚动。）但我无法获得表单。它在桌面视图中滚动得很好。它甚至在我在Chrome开发工具中预览移动视图时滚动，但是当我尝试在实际设备上使用它时，没有滚动条和放大器。我也无法拖动屏幕。我尝试了很多不同的方法，但这里有我所拥有的要点。任何建议表示赞赏。

Ext.define('App.view.main.Main', {
    extend: 'Ext.container.Container',
    plugins: ['viewport', 'responsive'],
    xtype: 'app-main',
    autoscroll: true,
    defaults: {autoscroll: true},
    overflowY: 'auto',
    responsiveConfig: {
        tall: {
            layout: {
                type: 'auto'
            }
        },
        wide: {
            layout: 'border'
        }
    },
    items [{
      xtype: 'panel',
      region'north'
    },{
      xtype: 'panel',
      region'west'
    },{
      xtype: 'panel',
      region:'center'
      autoscroll: true,
      layout: 'fit',
      items: [{
          xtype: grid,
          ......
      },{
          xtype: 'form',
          layout: 'fit',
          height: '500',      
          autoscroll: true,   //this does nothing??
          overflowY: auto,    //this does nothing either???
          responsiveConfig: {
            wide: {
                layout: 'hbox'
            },
            tall: {
                layout: 'auto'
            }
        },  
        layout: {
            type: 'box',
            align: 'stretch'
        },
        items: [{
            xtype: 'textfield'
         },{
            xtype: 'textfield'..... 
         }]
      }]
  }]