Hello guys,

I was looking for solutions to disable keypad when tapped outside a textfield (blur textfield when tapped outside). Here is my workaround

Have a panel with a textfield on it and add this listener to the container panel
var panel=new Ext.Panel({
....
....//rest of the stuff
....
afterrender:function(){
panel.el.on('tap',function handleTap(e,t){
searchField.blur(); //blur the textfield everytime when tapped
if (e.getTarget().toString() == '[object HTMLInputElement]')
searchField.focus(); //focus when tapped on a textfield
})
}
});
Its kind of a weird workaround, but works perfect.

That might help somebody.

Cheers,

Hrishikesh P