[Phonegap+sencha Touch] Mobile development 19 Some Android phone pop-up message box after clicking on the solution does not disappear

Ext.Msg.alert and other pop-up boxes on some Android phones, click OK to not disappear.

The reasons are:

After clicking OK, the message box has a CSS3 transform animation that will not be hidden until the animation is finished (Display:none). Some wonderful mobile phone is not the same.

The workaround is to disable the animation of the message box:

Method One:

In App.js's launch method, add

Ext.Msg.defaultAllowedConfig.showAnimation = False
Ext.Msg.defaultAllowedConfig.hideAnimation = False

Method Two (this estimate disables the animation effect in many places):

In App.js's launch method, add

ext.define (' Ext.component ', {
    override: ' Ext.component ',
    show:function (animation) {
  & nbsp     return this.callparent ([false]);
   },
    hide:function (animation) {
      return this.callparent ([ FALSE]);
   }
});