とあるWebアプリの開発で発生したトラブルです。
画面下のチャット入力欄が、キーボードの出現で隠れてしまう
画面下固定 ( position: fixed; bottom: 0; )のCSSで、画面下に表示しているチャット入力欄がtextareaであります。
これが、Android Chrome 138 において、textareaをタップでキーボード出現時に隠れるようになってしまいました。
最終的にどう対応したのか
viewportのメタタグに、viewport-fit=coverを追加しました。
viewport-fit=coverの有無による変化
viewport-fit=coverを指定すると、Androidでキーボード出現時に、画面下コンテンツがキーボードに隠れないようスライドします。 その結果、画面下固定のチャット入力欄が隠れないようになりました。
推測ですが、キーボードの裏側をコンテンツ表示領域とみなすか判定が、Chrome 138で変わったような挙動に思えました。
あとがき： Android Firefoxでも発生するから別問題の可能性あり
Android Chrome 138と書きましたが、Android Firefoxでも発生しました。
もしかしたら、Android Chrome固有ではなく、Android固有の問題である可能性があります。
