元素在iOS上消失，但不是Webkit/Safari

Question

我有一個包含搜索表單的彈出窗口。提交此搜索表單時（在將前三個字符輸入表單後它會自動提交），結果會短暫出現，但隨後會消失。這是什麼造成的？

The live example of this is here

The javascript triggering form submission

The SCSS involved

這不是被誤操作的蓋的z索引的情況下;搜索結果封面的背景仍然存在。相反，文本本身消失。我認爲這與表單重新提交本身有關，但請注意，在前三個字符之後，輸入到搜索表單輸入中的任何內容都不可見。

任何洞察力，非常感謝。謝謝！

Answer 1

添加以下規則在iOS模擬器修復這對我來說在MacOS：

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

並加入這個綿延背景的容器的高度在iOS上：

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