0
votes

When i touch textfield, keyboard appears but haven't focus and keyboard hide textfield.

In Android works perfectly, but in IOS i have the problem as show in the picture

IMAGE WITHOUT KEYBOARD

If i touch on textfield user or pass keyboard is show but if i write not works and the keyboard hide all view.

IMAGE WITH KEYBOARD

If pulse on the arrows (< >), the view scroll up and it focus on the textfield, but I need to make the focus and view scroll up at the first time.

My code:

Ext.define("com.app.Access", {
    extend: 'Ext.form.Panel',
    xtype: 'access',
    requires: ['Ext.form.FieldSet','Ext.form.Password'],

    config: {
        pack: 'center',
        style: 'background-color:#FFFFFF',
        scrollable: 'vertical',
        cls: 'Login',

        items: [
            {
                xtype: 'panel',

                styleHtmlContent: true,
                html: '<img class="img100" src="resources/images/image.jpg"/>',
            },
            {
                xtype: 'fieldset',
                title: 'Identification',
                styleHtmlContent: true,


                items: [
                    {
                        xtype: 'textfield',
                        name: 'user',
                        label: 'User',
                        labelWidth: '40%',
                        required: true
                    },
                    {
                        xtype: 'passwordfield',
                        name: 'password',
                        label: 'Pass',
                        labelWidth: '40%',
                        required: true
                    },
                    {
                        xtype: 'button',
                        itemId: 'accessButton',
                        ui: 'action',
                        text: 'Access'
                    }
                ]
            }
        ]
    }
});

Any help?? thanks!!

1
i don't use iOS code, i'm using cordova and phonegapjlopez

1 Answers

0
votes

I have had this problem too with iOS. I just added $('#myInput').focus() as workaround.