IOS 11 Beta上的cordova的html-select下拉问题答案

【问题标题】：html-select drop down issue with cordova on IOS 11 BetaIOS 11 Beta上的cordova的html-select下拉问题
【发布时间】：2018-02-02 06:51:03
【问题描述】：

我目前使用 AngularJS 和 Cordova 构建一个 IOS 应用程序。我在 IOS 11 Beta 上试用我的应用时发现了一个错误。

要选择表单中的一些数据，我们使用 select dropDown。当我们选择一个值时，下拉列表会消失，但它会在几秒钟后再次出现。

当我在表单上有多个选择时，当点击第二个选择时，第一个被选中。然后在选择值后出现选项的好列表。

我尝试使用基本示例，这是相同的行为。在 Web 浏览器或 IOS 10 中，没有错误。

  <select ng-model="elements" ng-options="serie.nom for serie in elements"></select>

我尝试添加标签、更新 Cordova 和 IOS 插件。但没有任何效果。

提前谢谢你。

【问题讨论】：

有同样的问题，但似乎是 UIWebView 的问题。如果在 UIWebView 中的常规（不是 Cordova）应用程序中使用 select 加载页面，则会出现同样的问题。
还有其他解决方案吗？

【解决方案1】：

我在下面为 Cordova 报告了这个问题：

在苹果的UIWebView 中出现了cordova 用于IOS 的错误。我与我们的一位 IOS 开发人员一起使用 Swift（没有 Cordova）创建了一个示例原生 IOS 应用程序。下拉菜单的问题也存在。

Apple 似乎有另一种称为WKWebView 的视图，这似乎是从 IOS 8.0 开始的首选视图。以下是来自 Apple 的 WKWebView 文档的引用。我已验证 WKWebView 下的下拉菜单没有问题。

重要

从 iOS 8.0 和 OS X 10.10 开始，使用 WKWebView 添加网页内容到您的应用程序。不要使用 UIWebView 或 WebView。

好消息是 Cordova 也支持 WKWebView。你必须安装插件：cordova-plugin-wkwebview-engine

该插件还不是万无一失的。您可以尝试该插件是否适用于您的整个应用程序。到目前为止，WKWebView 还不是 Cordova 使用的默认视图。希望 Cordova 很快将 WKWebView 设为默认视图。他们正在跟踪 WKWebView here 的所有已知问题。

更新：2017 年 11 月 3 日

我也向苹果报告了这个问题。但不幸的是，它被标记为与向他们报告的其他一些问题重复。出于安全和隐私原因，苹果没有向我提供有关其他问题的详细信息。该问题的状态现在是 CLOSED（之前是 OPEN）。因此，希望该修复程序能够在即将到来的 IOS 更新中提供。

更新：2018 年 2 月 1 日

我刚刚注意到 Apple 已在 Xcode 9.2 下也为 UIWebView 修复了此问题。

【讨论】：

【解决方案2】：

这个问题是因为 Cordova 使用的是 UIWebView，而这个 bug 是 iOS 11 中的 UIWebView。这个问题已经在 iOS 11.2 SDK 中得到修复。带有 iOS 11.2 SDK 的 Xcode 9.2 似乎已经解决了这个问题。

【讨论】：