2017-06-06 2 views
1

zuerst den Code sehen:Ion Eingang versteckt unter Tastatur - ionische 2

<ion-row> 
    <ion-col col-6> 
     <ion-input placeholder="First Name" [value]="fName" [(ngModel)]="fName"></ion-input> 
    </ion-col> 
    <ion-col col-6> 
     <ion-input placeholder="Last Name" [value]="lName" [(ngModel)]="lName"></ion-input> 
    </ion-col> 
    </ion-row> 

    <ion-row> 
    <ion-col col-12> 
     <ion-input type="email" [disabled]="emailDisabled" placeholder="Email" [value]="email" [(ngModel)]="email"></ion-input> 
    </ion-col> 
    </ion-row> 

    <ion-row> 
    <ion-col col-12> 
     <ion-input type="tel" maxlength="10" placeholder="Mobile Number" [value]="mobile" [(ngModel)]="mobile"></ion-input> 
    </ion-col> 
    </ion-row> 

Das Problem ist: Wenn eine der Ioneneingangs fokussiert & Tastatur erscheint, verbirgt sich unter der Tastatur. Ich möchte, dass es über die Tastatur scrollt, damit es sichtbar bleibt. Wie kann ich das erreichen?

Edit1: Wenn ich anfing, Eingabefeld einzugeben, scrollt es & sichtbar.

Dank

+0

Ist dies in der Fußzeile? –

+0

nein. Alles in Ionen-Gehalt. –

+0

nicht sicher, ob es hilft .. hatte ein ähnliches Problem mit 'Ion-Textarea' in Fußzeile in iOS .. Ich wechselte zu HTML-Element 'Textarea' und es funktionierte .. Versuchen Sie mit' Eingang' .. Sie müssen vollständig anpassen mit css obwohl –

Antwort

Verwandte Themen