Android keyboard is automatically closed after tapping on Ext.field.Text

[rbahumi]

REQUIRED INFORMATIONExt version tested:

• sencha-touch-2.0.1.1

Browser versions tested against:

• Chrome

Android versions tested against:

• HTC one X running Android 4.0.3 with HTC sence 4.0
• Nexus 1 with Android 2.3.7

DOCTYPE tested against:

• ____

Description:

• Android keyboard is being opened, and then automatically closed after tapping on Ext.field.Text. It does not allow to insert the required text.... This only happens on the native app. Tapping the text field on the same device's browser works just fine.

Steps to reproduce the problem:

• Attached below is the view that displays the form. Please add this to an application, and compile as Android native.

The result that was expected:

• Tapping on the text field should open the keyboard' and the user can start adding text to the text field

The result that occurs instead:

• The keyboard is being immediately closed, and the user cant insert any text.

Test Case:

Ext.define('Surfspace.view.ReportPost', {    extend: 'Ext.form.Panel',
	requires: ['Ext.form.FieldSet', 'Ext.field.Text', 'Ext.field.Slider', 'Ext.field.Select' ],
	xtype: 'reportPost',




    fullscreen: true,
	config: {
		title: 'ReportPost',
		iconCls: 'doc_send',
		
		
		scrollabe: true,
		styleHtmlContent:true,
		
		items: [
			{
				xtype: 'fieldset',
				title: 'Surf Report',
				
				items: [
					{
						xtype: 'textfield',
						name : 'firstName',
						label: 'First Name'
					}
				]
			}
		]
    }
    
});

HELPFUL INFORMATIONDebugging already done:

• none

Possible fix:

• not provided

Operating System:

• ________
• Win 7 Pro

[mitchellsimoens]

Have you tried in a later release like 2.1.0 b3?

[rbahumi]

No, I haven't.
How/Where can I download it? (I couldn't find on the website)

[mitchellsimoens]

When you are in a forum looking at the list of threads, watch the top for announcements: http://www.sencha.com/forum/announcement.php?f=92&a=36

[rbahumi]

I just spent a few hours trying to compile my native app with the new beta version, which is really really buggy...

So, my short answer is no, I didn't run this on the new beta version.

[jlebonitte]

Were you able to resolve this. I am having this issue with Sencha 2.1 native packaging on android. The iOs it works fine but none of my text fields work in the native android. I don't see any errors on my log and the focus event DOES fire but the keyboard won't stay open

[rbahumi]

Yes, I was able to solve this. In my case, it was caused by unnecessary classes in 'app.js' requires config array. This is what I did:

1. I commented out the array:

/*requires: [ 'Ext.data.proxy.JsonP', 'Ext.tab.Panel', 'Ext.dataview.NestedList', 'Ext.TitleBar',..............]*/

2. Run the project in the browser, you will now see that Ext.Loader synchronously loading the required classes:

[WARN][Anonymous] [Ext.Loader] Synchronously loading 'Ext.data.proxy.JsonP'; consider adding 'Ext.data.proxy.JsonP' explicitly as a require of the corresponding class Console.js:35
[WARN][Anonymous] [Ext.Loader] Synchronously loading 'Ext.Toolbar'; consider adding 'Ext.Toolbar' explicitly as a require of the corresponding class Console.js:35
[WARN][Anonymous] [Ext.Loader] Synchronously loading 'Ext.form.FieldSet'; consider adding 'Ext.form.FieldSet' explicitly as a require of the corresponding class .........

2. Create a new empty 'requires' array, and started inserting each of these classes iteratively, one at a time, until those 'Synchronously loading' massages disappears. For example, on the first iteration I would have the 'requires' array with only a single class:

requires: [ 'Ext.data.proxy.JsonP']

In my case, I found a few "non-required" classes that I included and caused this issue. There is no mechanism that alerts about it. Please let me now if that solved the issue for you.

[fsuarez]

This is happening to me too. Im using 2.1.0 sdk, the latest one. This happens on a samsung galaxy 7.1 tablet running Android 3.2.
And my view is this:

Ext.define('hos.view.AddNote', {
    extend: 'Ext.form.Panel',
    alias: 'widget.addNoteView',
    
    requires: [
        'Ext.Label'
    ],
    
    config: {
        id: 'addNoteView',
        layout: {
            type: 'vbox'
        }
    },
    
    TAG: "AddNoteView: ",


    initialize: function (arguments) {
        this.callParent(arguments);
        var eventData = this.getData(),
            items = [
                {
                    xtype: 'label',
                    cls: 'labelHeading',
                    html: Strings.addNote.SUBTITLE
                },{
                    xtype: 'label',
                    cls: 'labelDescription',
                    html: eventData.getStatus()                
                },{
                    xtype: 'label',
                    cls: 'labelDescription',
                    html: eventData.getTime().toDateString() + ", " + eventData.getTime().toHourMinutesString()
                },{
                    xtype: 'textareafield',
                    name: 'note',
                    value: eventData.getNote(),
                    placeHolder: Strings.addNote.EMPTY_NOTE_CONTENT
                }
            ];
        
        this.add(items);
    },

[rbahumi]

Hi @fsuarez,
Did you try my suggested solution?

[mitchellsimoens]

This is happening to me too. Im using 2.1.0 sdk, the latest one. This happens on a samsung galaxy 7.1 tablet running Android 3.2.

2.1.0 is not the latest, 2.1.1 an 2.2.0 alpha are the latest. Sencha Touch does not support Android 3 also.