javascript - 元素在 iOS 上消失但在 Webkit/Safari 上不消失

Question

我有一个包含搜索表单的弹出窗口。提交此搜索表单时(在表单中输入前三个字符后自动提交)，结果会短暂出现然后消失。这是什么原因造成的？

The live example of this is here

The javascript triggering form submission

The SCSS involved

这不是封面的 z-index 处理不当的情况；搜索结果封面的背景仍然存在。相反，文本本身消失了。我认为这与表单重新提交本身有关，但请注意，在前三个字符后，在搜索表单输入中输入的任何内容也不可见。

非常感谢任何见解。谢谢!

Answer 1

添加以下规则可以在 macOS 上的 iOS 模拟器上为我修复此问题:

.search, .site-nav {
  position: relative;
}

添加这个会将背景拉伸(stretch)到 iOS 上容器的高度:

.search .search-results.active {
  height: 100vh;
}