Ionic: iOS text cursor is not displayed when using an input or text field

Question

I am having this problem in an ionic application. The problem exists only on the iOS device.

Problem: Whenever I click on a text field ion-inputor simply inputor a text field, the keyboard opens, this is normal, but the text cursor does not appear on the inputs. I have to click again to display the text cursor.

Does anyone know how to fix this problem?

My ionic and angular details

Ionic Framework: 3.8.0
Ionic App Scripts: 3.0.1
Angular Core: 4.4.4
Angular Compiler CLI: 4.4.4
Node: 6.10.3

Answer 1

Using an ionic element as a wrapper of an ionic input worked for me.

eg,

<ion-list>
   <ion-item>
      <ion-input type="text" class="input-fields" [(ngModel)]="loginCredentials.username" placeholder="Username"></ion-input>
   </ion-item>
<ion-list>