I want to disable the horizontal scroll bar when someone enters text in a text box. First problem:
Currently, the problem is when you enter text in any text field and press the right arrow key from the keyboard (keyCode = 39), then the horizontal panel also moves in the right direction. I want to disable when text is entered in a text box. second problem
Horizontal scrolling moves with the key only when you click on this 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() });
Thanks at Advaned