triceam/app-UI

select got from Ajax not working in Android 2.3.x

Opened this issue · 3 comments

Hi,
I wrote an app for iOS and Android with App-ui. Everything's working well in iOS and Android ICS, but in Gingerbread, when I get select inputs from an Ajax request, the select won't open.
If I rote the phone, it's working well again. But before it doesn't work. The select which are set without Ajax (directly in the code) are working well.

It's been a week I'm looking for a solution.

Thanks a lot in advance.

If I catch the events ontouchend and onclick, for a select without ajax there's just the ontouchend. For a select got from Ajax, there're both of them (ontouchend and then onclick) and the select doesn't open.

Any code snippets you can share? I have not seen this issue. My guess is that it is related to hardware acceleration/CSS styles, which often have issues on Android. See if adding/removing the following css on those elements helps:
backface-visibility:hidden;
-webkit-backface-visibility:hidden;

Also, try removing all instances of -webkit-transform: translate3d(0, 0, 0); from your CSS - this is known to cause issues on older versions of android

I already tried with removing every instance of -webkit-transform: translate3d(0, 0, 0); from the CSS. It helped for the selects which were put directly in the begining of the app, but the one got from Ajax still didn't work.

I switched to another plugin since my last post and now my app work perfectly ;-)

I'll try anyway with "backface-visibility" in a few days on the version with app-UI and come back to you.

Thanks for your time.