Hi all,
My problem is when started entering text in textfield of android apk in phone the textfield is hiding with virtual keyboard of phone and am getting the same temporary text box at the top of the screen,
Am creating one simple panel with title tool bar then carousel after that login form with two text fields it is working properly when i execute in browser,
But when i integrate this code with phonegap and made android apk the textfiled in it is not working properly in phone when am trying to enter text in the textfield,

Code:
Ext.setup ({
    onReady: function () {
var carousel1 = new Ext.Carousel({
	flex : 3,
	centered : true,
	defaults : {},
	items : [ {
		html : '<p><img src="resources/imgs/sid.jpg"></p>',
		cls : 'card card1'
	}, {
		html : '<p><img src="resources/imgs/sname.jpg"></p>',
		cls : 'card card2'
	}]
});

        var myform=new Ext.form.FormPanel({
		layout:{
		type:'vbox',
		align:'stretch',
		},
		fullscreen:true,
		standardSubmit:true,
		items:[{
	 xtype:'textfield',
	 name:'id',
     
	 align:'center',
	 label:'User Id'
	 },
	 {
	 xtype:'passwordfield',
	 name:'pwd',
	 id:'pwd',
	 
	 align:'center',
	 label:'Password'
	 },
	 
	 {
	  xtype:'button',
	  ui:'round',
	 
	  text:'Login',
	  align:'center',
	  handler:gettingValues
	 }
	 ],
        	 
		});
		
var mainpanel=Ext.Panel({
dockedItems:[{
		Dock:'top',
		xtype:'toolbar',
		title:'Tool Bar',
		id:'login',
		}
		],
items[carousel1,myform]
});
				
 
    }
});
After converting the code to android apk by using the phonegap and
when am trying to enter text in text field it is not showing properly,
But if i remove carousel it is working fine,
What might be the problem and how to resolve it,
Is it problem with phonegap or sencha.