ios 11 Beta 5 select drop-down list issue

Question

HTML Select drop-down list is not getting dismissed properly on iOS 11 beta 5. Upon closing the drop-down, an empty drop-down with blank options reappears in its place.

Please let me know if anyone else experienced the same issue and if a workaround is available for the same.

Note: It is a hybrid app built for iPad only and this issue is not reproducible on iOS 10 or below.

Answer 1

I've had a similar issue and discovered that in the <option> tag there is a label="" value. This only affects iOS 11, and 10 we've noticed as well. Populate your label="" value.

Answer 2

solution in another thread

This is not a long-term solution, but it works until apple provides a fix.

main points of other answer

Build your app with xcode 8, you can download version 8 of xcode from here, you have to sign in using your apple id.

To be able to build to iOS11 you will have to download xcode 9 (unless you have it) as well, and then copy the 11.0 folder from xCode9/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport and paste it into the same place in xCode8

Answer 3

The issue is because Cordova is using a UIWebView, and the bug is with UIWebView in iOS 11. The issue has been fixed in xcode 9.2-beta. Tested and it is working fine in iOS 11.2. Hopefully xcode 9.2 will have the fix once released.