iPhone+PWAでタップ位置がずれる
解決したいこと
【環境】
nuxt 2.15.8
vue 2.7.10
vuetify 2.6.10
@nuxtjs/pwa 3.3.5
iPhoneにインストールしたPWAアプリ(サイト)で、バーチャルキーボード表示中に
dialogやmenuで構成されたコンポーネントを開くとタップ位置がずれます。
例)
v-text-fieldなどの入力用コンポーネントを編集中(バーチャルキーボード表示中)に
・v-selectやv-autocompleteなどのv-menu開くようなコンポーネントをタップ
・activatorスロットによってv-dialogを開く
と、表示されたmenuやdialog内のコンテンツをタップしても、位置ずれしてしまって正しくタップできない。
自分で試したこと
vuetifyのv-menu系のバグかと思いいろいろ触ってみたのですが、
- Android + Chrome では現象が再現できませんでした。
- Android + PWA では現象が再現できませんでした。
- iPhone + Safari では現象が再現できませんでした。
- iPhone + PWA でのみ現象が発生します。
なお、一度バーチャルキーボードを閉じてからmenuやdialogを開くコンポーネントをタップすれば位置ずれは発生しません。
どなたか、原因や解決方法をご存じの方がいらっしゃいましたらご教示ください。
0 likes