我有一个包含搜索表单的弹出窗口。提交此搜索表单时(在表单中输入前三个字符后自动提交),结果会短暂出现然后消失。这是什么原因造成的?
The live example of this is here
The javascript triggering form submission
这不是封面的 z-index 处理不当的情况;搜索结果封面的背景仍然存在。相反,文本本身消失了。我认为这与表单重新提交本身有关,但请注意,在前三个字符后,在搜索表单输入中输入的任何内容也不可见。
非常感谢任何见解。谢谢!
最佳答案
添加以下规则可以在 macOS 上的 iOS 模拟器上为我修复此问题:
.search, .site-nav {
position: relative;
}
添加这个会将背景拉伸(stretch)到 iOS 上容器的高度:
.search .search-results.active {
height: 100vh;
}
关于javascript - 元素在 iOS 上消失但在 Webkit/Safari 上不消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41213587/