元素在 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;
}

添加它会将背景拉伸到 iOS 上容器的高度：

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