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

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

第一个问题：
目前的问题是，当您在任何文本字段中输入文本并按键盘上的右箭头键（keyCode = 39）时，面板水平方向也会向正确的方向移动。我想在文本字段中输入文本时禁用它。

第二个问题
仅当单击该面板时，水平滚动才随键移动。
小提琴：

    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()
});