extjs - Deshabilitar desplazamiento horizontal del panel cuando se ingresa texto en el campo de texto

extjs6-classic

Question

Quiero desactivar el desplazamiento horizontal del panel cuando alguien ingresa texto en el campo de texto.

Primer problema:
Actualmente, el problema es cuando ingresa texto en cualquier campo de texto y presiona la tecla con la flecha hacia la derecha desde el teclado (código clave = 39), luego el panel horizontal también se mueve en la dirección correcta. Quiero decir que cuando se ingresa texto en el campo de texto.

segundo problema
El desplazamiento horizontal se mueve solo con la tecla al hacer clic en ese panel.
Fiddle: 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()
});

Gracias en Advaned