在文本字段中输入文本时禁用面板水平滚动

Question

当有人在文本字段中输入文本时，我想禁用面板的水平滚动。

第一个问题：
目前的问题是当您在任何文本字段中输入文本并从键盘按下右箭头键（keyCode = 39），然后面板水平也向右移动。在文本字段中输入文本时，我想调整一下。

第二个问题
仅当单击该面板时，水平滚动才会按键移动。
小提琴：https://fiddle.sencha.com/#view/editor&fiddle/1mjd

    Ext.create('Ext.panel.Panel', {
    scrollable: 'horizontal',
    region: 'center',
    layout: 'hbox',
    baseCls: '',
    containerScroll: true,
    items: [{
        xtype: 'panel',
        items: [{
            xtype: 'textfield'
        }],
        width: 300,
        height: 400,
        margin: '0 0 0 9'
    }, {
        xtype: 'panel',

        items: [{
            xtype: 'textfield'
        }],
        width: 300,
        height: 400,
        margin: '0 0 0 9'
    }, {
        xtype: 'panel',
        items: [{
            xtype: 'textfield'
        }],
        width: 300,
        height: 400,
        margin: '0 0 0 9'
    }, {
        xtype: 'panel',
        items: [{
            xtype: 'textfield'
        }],
        width: 300,
        height: 400,
        margin: '0 0 0 9'
    }, {
        xtype: 'panel',
        items: [{
            xtype: 'textfield'
        }],
        width: 300,
        height: 400,
        margin: '0 0 0 9'
    }, {
        xtype: 'panel',
        items: [{
            xtype: 'textfield'
        }],
        width: 300,
        height: 400,
        margin: '0 0 0 9'
    }, {
        xtype: 'panel',
        items: [{
            xtype: 'textfield'
        }],
        width: 300,
        height: 400,
        margin: '0 0 0 9'
    }],
    renderTo: Ext.getBody()
});

感谢Advaned