Ionic v4 で ion-input のフォーカス時に枠線がちらつく問題の対処法

Ionic v4 で ion-input のフォーカス時に枠線がちらつく問題の対処法

Ionic v4 ion-input のフォーカス時に枠線がちらつく

Ionic v4 はまだbeta版なせいもあってか、色々と細かいところで動作がおかしい箇所があります。ion-input で気になる現象があったので、対処法をメモしておきます。

問題の現象は バージョン 4.0.0-beta.15 の、テキストを入力する為のコンポーネント ion-input で発生します。

ion-input フォーカス時に、一瞬だけ素のinput要素がちらつくというものです。ブラウザだとこんな感じです。

@画像

ブラウザだとあまり目立たないですが、実機だとめちゃくちゃ目立つのでこれはなんとかしないといけません。

調べると同じ現象が issue にあがってました。以下そこで書かれていた対処法です。

@コード

ionic を使う最大のメリットはUIの素敵さだと思います。対処できて一安心でした。

なお、最新版では解消されているようです。

以上です。

Ionicカテゴリの最新記事