Question

我有一个包含搜索表单的弹出窗口。提交此搜索表单时（在表单中输入前三个字符后自动提交），结果会短暂显示但随后消失。造成这种情况的原因是什么？

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

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

Answer 1

在macOS上的iOS模拟器上添加以下规则为我解决了这个问题：

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

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

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