中安拓也のブログ

プログラミングについて書くブログ

【障害メモ】[ionic-v3][Android][input text]ワンタップでキーボードが出てこない・文章の途中にカーソルを合わせることができない

障害内容

Ionic v3のAndroidアプリで、入力フォームを複数回タップしないとソフトキーボードが出てこなかったり、文章の途中に間違いがあってもカーソルをテキストの最後にしか移動できないから、全消ししないと誤った文章を修正できない、といった障害が発生した。

障害を検知したのは、Android 9.0の端末となる。

環境

  • cordova (Cordova CLI) : 8.0.0
  • Ionic Framework : ionic-angular 3.9.5
  • Android 9.0

修正方法

SCSSファイルに下記の記述を追加したら、障害が改修した。詳しくは参考サイト参照のこと

.md {
  .input-cover {
    display: none;
  }
}

参考サイト

[Accessibility - Android] <ion-input> is not acknowledged by Android Talkback · Issue #1049 · ionic-team/ionic-v3 · GitHub