概要
Main 画面 (横画面) でフィードバック用のハーフモーダル (NewReportModal) を開くと、モーダルが画面の下端に押し込まれて表示され、コンテンツが見切れる / 操作できない。
再現方法
- アプリを起動し、路線・行き先を選択して Main 画面に遷移する (landscape 表示)
- フィードバック起動操作を行う (
Permitted の handleReport 経路)
- ハーフモーダル (
NewReportModal) が表示される
想定していた動作
横画面でもモーダルがちゃんと適切な高さで表示され、フォーム内容が読めて入力・送信ができる。
実際の動作
モーダルが画面下端に押し込まれた状態で表示され、本文や送信ボタンが画面外に切れて見えない / 操作できない。
端末名
Motorola moto g05
OS
Android 15
アプリのバージョン
v10.5.1 (dev)
スクリーンショット
その他
- 該当箇所:
src/components/Permitted.tsx から NewReportModal を visible={reportModalShow} で表示している
NewReportModal のレイアウトが landscape 表示時の幅・高さを想定しておらず、portrait 前提の縦長レイアウトのまま表示されている可能性が高い
概要
Main 画面 (横画面) でフィードバック用のハーフモーダル (
NewReportModal) を開くと、モーダルが画面の下端に押し込まれて表示され、コンテンツが見切れる / 操作できない。再現方法
Permittedの handleReport 経路)NewReportModal) が表示される想定していた動作
横画面でもモーダルがちゃんと適切な高さで表示され、フォーム内容が読めて入力・送信ができる。
実際の動作
モーダルが画面下端に押し込まれた状態で表示され、本文や送信ボタンが画面外に切れて見えない / 操作できない。
端末名
Motorola moto g05
OS
Android 15
アプリのバージョン
v10.5.1 (dev)
スクリーンショット
その他
src/components/Permitted.tsxからNewReportModalをvisible={reportModalShow}で表示しているNewReportModalのレイアウトが landscape 表示時の幅・高さを想定しておらず、portrait 前提の縦長レイアウトのまま表示されている可能性が高い