7

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.

Arup Sen
  • 71
  • 3
  • It's a beta for a reason. Apple speaks against developing for their beta platforms. Wait until they release the documentation on iOS 11 prior to starting development. – Brxxn Aug 10 '17 at 16:35
  • File a bug report for this issue at bugreport.apple.com – Jordan H Aug 13 '17 at 22:22
  • @Brxxn Develop *FOR*? Probably not. No-one should develop for a apple's betas. Develop *WITH*? If you need it, it wouldn't be a stupid idea. The betas are there for developers that want to build apps that take advantage of the new iOS features, and it shouldn't be discouraged to develop with it. It gives them a nice headstart and ensures that the new features will be taken advantage of at launch. Plus, it helps apple wiggle out all the bugs. – Frzn Flms Aug 17 '17 at 03:43
  • I have the same issue happens on ios 11 final version. – gfekri Sep 21 '17 at 03:43
  • 1
    Having same issue in latest iOS 11 release version. – Tom Kincaid Sep 25 '17 at 17:53
  • 1
    I have the same issue in iOS 11.0.2 – Tom Shen Oct 11 '17 at 10:43
  • Please refer to my answer [here](https://stackoverflow.com/questions/45941124/html-select-drop-down-issue-with-cordova-on-ios-11-beta) and see if that helps. https://stackoverflow.com/questions/45941124/html-select-drop-down-issue-with-cordova-on-ios-11-beta – Manoj Shrestha Oct 23 '17 at 14:40

3 Answers3

0

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.

DJK
  • 8,924
  • 4
  • 24
  • 40
Tim Combridge
  • 9
  • 1
  • This fixed our issue. We're using Twitter Bootstrap and Angular. Inside of a modal we had a long select dropdown list. When the dropdown was activated, it kept shifting our DOM elements and then touch points got messed up. Using this solution worked! – erier Sep 18 '17 at 16:08
  • Adding a label to the options did not fix this for me. – Tom Kincaid Sep 25 '17 at 17:54
  • 1
    This did not fix for me – Tom Shen Oct 11 '17 at 10:43
0

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

sch
  • 1,368
  • 3
  • 19
  • 35
0

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.

sSD
  • 282
  • 2
  • 17