PhoneGap, SELECTs e 3D Transforms, oh meu!

Em um aplicativo para um cliente, eu estava tendo um problema estranho: a caixa SELECT não era tocável no Android 2.x. Funcionou muito bem no iOS. Funcionou muito bem no Android 4.x. Mas no 2.x, ele simplesmente não responderia às entradas.

Depois de um pouco de depuração frustrada, encontrei esta página após uma pesquisa no Google: http://stackoverflow.com/questions/4523309/select-box-not-displaying-on-android-in-phonegap

Adivinha – problema resolvido. Removi o código que estava usando e adicionei um -webkit-transform: translate3d (0,0,0) no elemento pai, e a caixa SELECT funcionou perfeitamente novamente.

Achei que você gostaria de saber – caso você já tenha tido o mesmo problema!