我遇到的问题与此SO问题中报告和解决的问题非常相似:iOS 11 Safari bootstrap modal text area outside of cursor 。然而,我的不同之处在于我正在使用Aurelia&语义UI。
我已尝试在position: fixed
中使用ux-dialog-body
,如针对bootstrap中出现的问题的几个修复程序(在那些要添加到模式的body
的示例中)所述,但是没用。
我很感激在此问题上给予任何帮助,谢谢。
答案 0 :(得分:2)
所以我在这里得到了修复的想法: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();
}
我希望这有助于其他人。