キーボードがページの下部の入力フィールドを覆っています

こんにちは :wave:

開いているキーボードが開くと、モバイルで入力フィールド/ドロップダウンなどが隠れてしまう場所がいくつかあります。これらのケースでは、現在、目隠しで入力することになるため、解決策を見つけるのは良いことだと思います。

仮想キーボードの env(keyboard-inset-height) を使用してみてはどうでしょうか?

検索ページからの例です。

変更前

変更後

ありがとうございます。

「いいね!」 4

はい、それは妥当な変更のように思えます。この限定的なユースケース、検索ページのためにPRを提出していただけますか?

これはSafariやAndroid版Firefoxには影響しませんよね?しかし、OPはそれらのブラウザでは問題ないのかもしれません。例えばSafariでは再現できません。

ええ、これはChromeだけの問題だと思います。

「いいね!」 1