要素はiOSで消えますが、Webkit/Safariでは消えません

Question

私は検索フォームを含むフライアウトを持っています。この検索フォームを送信すると（最初の3文字がフォームに入力された後に自動的に送信されます）、結果は短時間表示されますが消えます。これを引き起こしているのは何ですか？

The live example of this is here

The javascript triggering form submission

The SCSS involved

これはカバーに誤って処理され、Zインデックスの場合ではありません。検索結果のカバーの背景がそのまま残ります。むしろ、テキスト自体は消えてしまいます。私はこれがフォームを再送信するフォームと関係があると思っていますが、検索フォーム入力に入力されたものは最初の3文字の後には表示されません。

洞察力があれば幸いです。ありがとう！次のルールを追加する

Answer 1

はMacOSでiOSシミュレータ上で私のためにこれを修正します。

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

そして、これはiOSのコンテナの高さに背景を伸ばし追加：

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