Last Updated: February 25, 2016
· kerrishotts
Prideportrait square

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!

Say Thanks