スマホ時、input入力欄がキーボードで隠れないようにしたい

実現したいこと

スマホで、入力欄をタップした時に(=input textをfocusした時)、入力欄が隠れないでキーボードのすぐ上までにゅっと移動されるようにしたいです。

問題点

スマホで、ページ1の入力欄をタップすると、キーボードの上まで移動してくれるのですが、ページ2(triggerの文字をタップして下さい)では入力欄を押しても移動せず、キーボードに隠れるような形になってしまいます。

ページ2で、jQueryを使用して「trigger」を押して下からメニューが出てくる動きをつけているのが原因のようです。

該当のソースコード

ページ1のコード
https://codepen.io/batikoooon/pen/WNaOQdV

ページ2のコード
https://codepen.io/batikoooon/pen/BaqZoYb

動作確認端末

iphone11
iOS 16.3.1
safari バージョン16.3.1
chrome バージョン112.0.5615.167