Keyboard not opening second time in ionic 3 app with ion item

Question

When I clicked on input filed my keyboard does not appear when I tap on input box a second time. And if I put my ion-input outside from ion-item it is working, But in ion item, it is not working.

<ion-list class='list' [@flyInBottomSlow]="cloudState">
            <div class="box">
                <ion-item class='input-field'>
                    <ion-label floating >
                        <i class="fa fa-user"></i>Employee Code or Email</ion-label>
                    <ion-input  type="text" [(ngModel)]='username'></ion-input>
                </ion-item>

                <ion-item class='input-field'>
                    <ion-label floating>
                        <i class="fa fa-key"></i>Password</ion-label>
                        <ion-input type="password" [(ngModel)]='password'></ion-input>
                </ion-item>

                <ion-item class='item'>
                    <button ion-button class='button' full (tap)="login()">SUBMIT</button>
                </ion-item>

                <ion-item class="forgot-password">
                    <a (click)="forgotPassword()">Forgot Password?</a>
                </ion-item>
            </div>
            <ion-item class="or_row">
                <span>OR</span>
            </ion-item>

            <ion-item class='item'>
                <button ion-button class='button google' full (tap)="loginWithGoogle()">
                    <i class="fa fa-google-plus"></i> LOGIN WITH GOOGLE</button>
            </ion-item>
        </ion-list>

When I click on input field I should appear always.

when I try to click on password field then device keyboard not opening. — Pritam Prince, Dec 07 '17 at 06:45
Working fine with "Employee Code or Email field", But in my all pages wherever is put ion-input under ion-item sometimes it appears sometimes not. — Pritam Prince, Dec 07 '17 at 06:57

score 4 · Answer 1 · answered Dec 07 '17 at 10:13

I added disabled false and now it is working. Like

<ion-item class='input-field'>
                    <ion-label floating>
                        <i class="fa fa-key"></i>Password</ion-label>
                        <ion-input type="password" [(ngModel)]='password' disabled=false></ion-input>
                </ion-item>

Note: This is a temporary solution. Hope Ionic team will look into it.

Keyboard not opening second time in ionic 3 app with ion item

1 Answers1