Forms input element focus problem

[Ijansen]

Hi there,

In forms that are build in Sencha Touch 2 we experience a problem with the focus on the input elements.
When we set a focus on an input element the keyboard appears as expected. Except sometimes the keyboard shows go and sometimes next. When we touch outside the form the focus still stays within the input element. This behavior is not experienced on other websites.

Device: Asus Eeepad
Browser: Chrome
Framework: Sencha Touch 2.0.0
Android version: 4.0.3.

the following code is used to generate the form:




{
xtype:"formpanel",
id:"c6ec32f6-d8b0-5c99-4032-4678a9afc75c",
items:[
{
xtype:"textfield",
required:false,
id:"ee6cc8b0-98e0-3614-939c-fce889673831",
label:"Tekst"
},
{
xtype:"button",
id:"0e0cb636-8860-ff31-b4c6-5a0c7cfac58c",
text:"test1"
}
]

Has anyone experienced this problem and a solution for this?

Thanks in advance!

[mitchellsimoens]

When you say you set focus do you mean field.focus() or by tapping on the field?

[Ijansen]

Hi Mitchell,

Thanks for your reply. When i said set the focus i meant tapping on the field.

[mcamara]

Hi,

It happens for me too. I don't have any events that fires focus action on any field of the form.

Just when I display the form, the focus automatically fires on the emailfield (one before last field), the form scroll down automatically, and the keyboard appear. It's annoying.

Any ideas?

		...
		defaults: {
			required: true
		},

		items: [
			{
		        	xtype: 'toolbar',
		        	docked: 'top',
		        	title: '<img src="resources/images/toolbar/icon.png" width="40" height="40" />',
		        	items: [
		        		{
				              xtype: 'image',
						width: 42,
						height: 40,
						src: 'resources/images/toolbar/buttonback.png',
						action: 'backToMain'
					}
				]
			},
			{
				xtype: 'panel',
				layout: { type: 'vbox', align: 'center' },
				items: [
					{
						xtype: 'image',
						align: 'center',
						width: 127, height: 25,
						src: 'resources/images/register/logindata.png',
						style: 'margin-bottom: 0.25em'
					}
				]
			},
			{
				xtype: 'fieldset',
				items: [
					{
						xtype: 'textfield',
						placeHolder: 'Username',
						fieldStyle:'text-transform:uppercase',
						name: 'login'
					},
					{
						xtype: 'passwordfield',
						placeHolder: 'Password',
						name: 'password'
					}
				]
			},{
				xtype: 'panel',
				layout: { type: 'vbox', align: 'center' },
				items: [
					{
						xtype: 'image',
						align: 'center',
						width: 127, height: 25,
						src: 'resources/images/register/usertype.png',
						style: 'margin-bottom: 0.25em'
					}
				]
			},{
				xtype: 'panel',		// fieldset
				style: 'margin-bottom: 1em',
				layout: {
	                type  : 'hbox',
	                align : 'stretch'
	            },
				defaults: { flex: 1, labelAlign: 'right', labelWidth: '60%' },
				items: [
					{
						xtype: 'radiofield',
			            name : 'type_id',
			            value: SIF.util.Config.define.USER.TYPE.USER,
			            label: 'User',
			            checked: true
					},
					{
						xtype: 'radiofield',
			            name : 'type_id',
			            value: SIF.util.Config.define.USER.TYPE.PROVIDER,
			            label: 'Brand'
					}
				]
			},{
				xtype: 'panel',
				layout: { type: 'vbox', align: 'center' },
				items: [
					{
						xtype: 'image',
						align: 'center',
						width: 159, height: 25,
						src: 'resources/images/register/personaldata.png',
						style: 'margin-bottom: 0.25em'
					}
				]
			},{
				xtype: 'fieldset',
				items: [
					{
						xtype: 'textfield',
						placeHolder: 'Name',
						name: 'name'
					},
					{
						xtype: 'textfield',
						placeHolder: 'Surname',
						name: 'lastname'
					},
					{
	                    xtype: 'emailfield',
	                    placeHolder: 'Email',
	                    name: 'email'
	                },
					{
						xtype: 'datepickerfield',
						placeHolder: 'Born',
						name: 'birth',
						picker: {
							yearFrom: 1950,
					        yearTo: Number(Ext.Date.format(Ext.Date.add(new Date(), Ext.Date.YEAR, -(SIF.util.Config.define.USER_MUSTBE_OVER_YEARS)), 'Y'))
					    }
					}
				]
			},{
				xtype: 'button',
				text: 'Resgistrar',
				ui: 'decline',
				action: 'submitLogin',
				iconCls: 'action', iconMask: true,
				height: 40
			}
		]