PhoneGap, SELECTs, and 3D transforms, oh my!

In an app for a client, I was having an odd problem: the SELECT box wasn’t tappable on Android 2.x. It worked great on iOS. It worked great on Android 4.x. But on 2.x, it just wouldn’t respond to input.

After a bit of frustrated debugging, I found this page after a Google search: http://stackoverflow.com/questions/4523309/select-box-not-displaying-on-android-in-phonegap

Guess what – problem solved. I removed the code I was using that added a -webkit-transform:translate3d(0,0,0) on the parent element, and the SELECT box worked beautifully again.

Thought you might want to know – in case you ever had the same problem!

Kerri Shotts

Kerri Shotts is a mobile hybrid app developer, an author of several tech books on Cordova, and a photographer.

Southern Illinois