Sencha touch messagebox unclickable

Question

In sencha touch, we have a little problem with the message. It looks like this is something with Android 4.3. On most devices, it works fine, but on a device with Android 4.3, when the user clicks the button, the message box does not disappear.

Ext.define('TestBuild.view.MyPanel', {
extend: 'Ext.Panel',

config: {
    items: [
        {
            xtype: 'button',
            itemId: 'mybutton',
            text: 'MyButton'
        }
    ],
    listeners: [
        {
            fn: 'onMybuttonTap',
            event: 'tap',
            delegate: '#mybutton'
        }
    ]
},

onMybuttonTap: function(button, e, eOpts) {
    console.log("Test");
    Ext.Msg.alert("TEST");
}

});

Answer 1

I found a solution:

Add the following line before displaying the alert window:

Ext.Msg.defaultAllowedConfig.showAnimation = false;

Answer 2

I found a solution:

Ext.define('Ext.Component', {
        override: 'Ext.Component',
        show: function (animation) {
            return this.callParent([false]);
        },
        hide: function (animation) {
            return this.callParent([false]);
        }
    });

I found a solution at http://www.sencha.com/forum/showthread.php?262324-Sencha-Messagebox-and-Overlay-Problems-on-HTC-One-Browser

Answer 3

I have a solution here: https://www.sencha.com/forum/showthread.php?284450-MessageBox-cannot-be-closed-under-some-circumstances.&p=1040686&viewfull=1#post1040686

Ext.override(Ext.MessageBox, {    
    hide:  function() {
       if (this.activeAnimation && this.activeAnimation._onEnd) {
        this.activeAnimation._onEnd();
       }
       return this.callParent(arguments);
   }
}); 

This works for me for touch 2.4.2