tap event fires two events on android

[elad101]

REQUIRED INFORMATION Ext version tested:

• Sencha touch 2.0.1.1

Browser versions tested against:

• Safari iOS
• Chrome on android
• Android defalut browser

Description:

• Each time I click on the screen, two events is fired. ( Happens only on Android!)

Steps to reproduce the problem:

• Create a simple form with 6 text fields
• Add focus event to one of the fields.
• In the focus event function a popup will be created and shown
• The popup will include an Ok button
• The Ok button handler will destroy the popup

The result that was expected:

• The popup will be destroyed.

The result that occurs instead:

• The popup is destroyed and the field behind is in focus (two events is fired)

Test Case:

    
{
                        xtype: 'container',
                        id: 'newcardcvvfieldset',
                        layout: {
                            type: 'hbox'
                        },
                        items: [
                            {
                                xtype: 'textfield',
                                cls: [
                                    'customField2'
                                ],
                                id: 'Depositcvvnumber',
                                itemId: 'mytextfield9',
                                width: 710,
                                label: Messages.NEWCARDCVV2,
                                labelCls: 'labelColor',
                                style:'font-size:18px;',
                                labelWidth: '49%',
                                required: true,
                                maxLength: 3,
                                placeHolder: Messages.NEWCARDCVV2PLACEHOLDER,
                                inputType: 'tel'
                            },
                            {
                                xtype: 'button',
                                id: 'cvvMakeDepositBtn',
                                itemId: 'mybutton9',
                                ui: 'btnlightBlue',
                                style:'font-size:18px;',
                                width: 31
                            }
                        ]
                    }
//the listener
listeners: [
             {
                fn: 'onCvvMakeDepositBtnTap',
                event: 'tap',
                delegate: '#cvvMakeDepositBtn'
            }]
// the function
onCvvMakeDepositBtnTap: function(button, e, options) {
        Ext.getCmp('cvvMakeDepositBtn').disable(true);
        this.popup = Ext.Viewport.add({
            xtype: 'panel',
            floating:true,
            modal:true,
            centered:true,
            width:310,
            hideOnMaskTap:false,
            id:'DepositCvvAlertPanel',
            height:240,
            //style:'margin-left:5px;',
            styleHtmlContent:true,
            items:[{
                docked:'top',
                xtype:'toolbar',
                ui:'lightBlue',
                title:CVVtitle
            },{
                html:CVVAlertMsg
            },{
                xtype:'button',
                id:'cvvOkButton',
                text:OkButton,
                ui:'btnlightBlue',
                //centered:true,
                style:'font-size:16px;margin-top:0px;',
                height:40,
                handler: function(){
                    Ext.getCmp('DepositCvvAlertPanel').destroy();
                    Ext.getCmp('cvvMakeDepositBtn').enable(true);
                    DoubleClickFlag = true;
                }
            }]

        });
        if (DoubleClickFlag){
            hideKeyboard();
            this.popup.show('pop');
            DoubleClickFlag = false;
        }
    },

HELPFUL INFORMATION Screenshot or Video:

• NA

Possible fix:

• not provided

Additional CSS used:

• sencha-touch.css
• custom css files

Operating System:

• Android 2.3.3 + 3 + 4 + 4.1

[mitchellsimoens]

This is a known issue. Do note that Sencha Touch does not support Android 3 also.

http://www.sencha.com/forum/showthread.php?230087

[elad101]

What do you mean by Doesn't support Android 3?
Basically most of the andriod devices is 3 based?!
Never the less My application works on android 3 and on android 2.3.3 also, of course except for couple of bugs...

[mitchellsimoens]

Meaning it may work but things may not work as we don't support Android 3 as it's browser has too many inconsistencies to support.