iOS 11语义UI文本框模式光标位于文本框之外

Question

我遇到的问题与此SO问题中报告和解决的问题非常相似：iOS 11 Safari bootstrap modal text area outside of cursor 。然而，我的不同之处在于我正在使用Aurelia＆amp;语义UI。

我已尝试在position: fixed中使用ux-dialog-body，如针对bootstrap中出现的问题的几个修复程序（在那些要添加到模式的body的示例中）所述，但是没用。

我很感激在此问题上给予任何帮助，谢谢。

Answer 1

所以我在这里得到了修复的想法：Semantic-Org/Semantic-UI-React

基本上问题与模态背后的内容高度/模态位于其上方的内容有关。因此，打开模态时隐藏所有内容并在完成后将其放回原处。但是，仅适用于iOS，因为出于某种原因，我们的网站会以其他方式破坏Android设备。

iOS: boolean = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);

打开模态

if (this.iOS) {
    $('body > :not(ux-dialog)').hide();
    $("ux-dialog").show();
}

关闭

if (this.iOS) {
    $('body > :not(ux-dialog)').show();
    $("ux-dialog").hide();
    $("ux-dialog-overlay").hide();
    $("ux-dialog-container").hide();
}

我希望这有助于其他人。