iOS InAppBrowser 未正确显示 HTML 选择答案

【问题标题】：iOS InAppBrowser not showing HTML select properlyiOS InAppBrowser 未正确显示 HTML 选择
【发布时间】：2017-03-28 09:46:55
【问题描述】：

我正在使用 Ionic 2 构建应用程序。

不确定这是否与 Ionic 2 或 Cordova 有关，但也许您可以指导我正确的方向。

我正在使用 InAppBrowser 组件来显示一个具有 HTML 选择组件的 HTML 页面，当 iOS 中显示选项时，“完成”按钮不显示，因此无法进行选择。

这发生在模拟器和真实设备中。它在android中运行良好。

我附上一张图片以防万一，但我也确实在其他网站上复制了这张图片。

Screenshot

【问题讨论】：

标签： ios cordova ionic2 inappbrowser

【解决方案1】：

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {
 window.cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false);          
};

【讨论】：

【解决方案2】：

这是因为 iOS 需要额外的 InAppBrowser 选项：presentationstyle: "formsheet"，来呈现这些按钮：

this.inAppBrowser.create(
    url,
    target,
    {
        presentationstyle: "formsheet", // iOS only option
    },
);

如this answer中所述，它回答了基本相同的问题： https://stackoverflow.com/a/51149158/10005883

【讨论】：