Sencha Touch 2.X Workaround for HTC One Phones

Question

Ext version tested: Sencha Touch 2.2

Browser versions tested against: Chrome on HTC One (Android 4.1.2) Stock HTC One Browser (Android 4.1.2)

Description: Sencha Messageboxes and the like won't release focus after clearing them in the stock browser or webviews on an HTC One. This problem doesn't happen on Chrome or on other Android 4.1.2 phones AFAIK. Tested a Samsung today and all worked as expected.

Steps to reproduce the problem: Using an HTC One, go to the Sencha Kitchen Sink demo here: http://cdn.sencha.io/touch/sencha-touch-2.2.0/examples/kitchensink/index.html#demo/overlays Tap on 'Alert', and then 'OK'. Works fine in Chrome. Does not work in either stock browser or in a webview (so no PhoneGap/Cordova either).

Yes, I know, this belongs on a Sencha board. I posted a thread there this weekend, and the post was deleted Monday morning. Google 'sencha default overlays Android 4.1.2 HTC One' to see a dead link. So I'm posting here.

Perhaps my frustration was showing and Sencha didn't like the tone of my post. I really would like to see some kind of workaround from either Sencha, HTC or someone here on SO.

Does anyone know of a software workaround that will allow Sencha Touch 2.X to work on an HTC One? Or are we stuck waiting on HTC and the carriers? Not really Sencha's fault, but this leaves me down on HTML-5 mobile app development.

Answer 1

Answer courtesy of appglu in Sencha forums:

in messagebox.js set hideAnimation to null instead of:

hideAnimation: { type: 'popOut', duration: 250, easing: 'ease-out' },

This solution works on my new HTC One running my Sencha 2.2.1 app built in Cordova 3.0.

Further discussion here: http://www.sencha.com/forum/showthread.php?262324-Sencha-Messagebox-and-Overlay-Problems-on-HTC-One-Browser