Sencha touch overlay effect for Ex.Msg.alert doesnt close

Question

After i updated my chrome version from 43 to 44 stable, I have been battling with the Sencha touch overlay-effect for both the Ext.Msg.alert() and the DatePicker components. After clicking the "Done" button, the overlay doesn't disappear and it blocks the UI, How can i solve this is there a CSS class or something. Please check the illustrative images

code for alert box

Ext.Msg.alert('Sorry', responseData.ServerMsg);

code for datepicker

    {
     id: 'myID',
     xtype: 'datepickerfield',
     labelAlign: "top",
     value: new Date(),
     dateFormat: 'd M Y' 
   }

Easiest workaround would be `Ext.Msg.setMasked(false)`, but that would solve the symptoms, not the problem. — Alexander, Sep 02 '15 at 09:20
@Benoit, can you tell that to 10000+ users, This also happens after the app is packaged to an apk on phonegap — Yung A, Sep 02 '15 at 09:22
It's a bug of sencha touch, try putting this in launch function on `app.js`: `Ext.Msg.defaultAllowedConfig.showAnimation = false;` — qmateub, Sep 02 '15 at 15:57
Sometimes after animation close event does not fire, check this out [link](https://www.sencha.com/forum/showthread.php?284450) . — Sagar Khatri, Sep 03 '15 at 05:32

score 1 · Answer 1 · answered Sep 03 '15 at 06:52

I updated my Sencha touch version from touch-2.4.0 to touch-2.4.2 to solve this. i went to my app folder then run

sencha app upgrade [path/to/touch-2.4.2]

The command updates the touch folder inside my app folder. I had to rename my app.json to avoid merge conflicts the restored it afterwards. This new version comes with couple of fixes. The above mentioned problem and chrome scrolling issue aswell.

Sencha touch overlay effect for Ex.Msg.alert doesnt close

1 Answers1