Hey everyone, I recently updated an app I'm creating for a hospital service to the latest phonegap version, and now I'm running into a problem where <option> tags within <select> tags are not functioning properly on iOS phones.
The functionality works perfectly on iPads and Android devices of all sizes, but when on an iOS phone, choosing the <select> area brings up a screen-wide spinner with the various <option> choices laid out, but they cannot be selected. They can be scrolled through but you can't tap them and have them fill the <select> field and they don't fire a selection changed event. The spinner just stays up on the screen until you click on something else in the app with a click listener on it.
Initially I was building my app through phonegap build, but in order to have a little more control in trying to fix this problem I migrated the project over to a local phonegap cli project. Both services resulted in the same problem with iOS phone apps.
Any idea what's going on? It's the same with every <select> tag in my application and it's making the app completely unusable until I fix it. I can provide more information if there's something specific that I have forgotten, but I can only show so much since the app is for a client and they don't want me posting too much about it online.
I understand your client might be sensitive about sharing information, but we'll need more information in order to help. See Asking Better Questions (PhoneGap Forum) for the kind of information that might be of assistance. In particular, I'm curious what (if any) UI framework you are using for your app.
If possible, a screenshot or video of the issue would also help. I can imagine what you're seeing, but that may not match reality.
Ok I actually managed to solve the problem myself sorry for not giving more information in the beginning.
The issue was that the ionic keyboard plugin I was using was automatically hiding the toolbar on the select switcher, so I just added this line to my device ready to be sure.