Using ionic 3.5.0 on Android I have issues with the ion-input component.
When binding to an array value, the keyboard closes when a key on the keyboard is pressed.
The letter is appended to the input field, but after this the input loses focus and the keyboard closes.
<ion-item *ngFor="let art of editEvent.artists; let i=index">
<ion-input [(ngModel)]="editEvent.artists[i]" name="artists{{i}}" placeholder="{{'field_ARTIST'| translate}}" type="text"></ion-input>
<button ion-button clear icon-only item-end (click)="removeArtist(i)">
<ion-icon name="close"></ion-icon>
</button>
</ion-item>
logcat shows on key press:
07-12 11:34:17.724 11401 11745 W IInputConnectionWrapper: getTextBeforeCursor on inactive InputConnection
07-12 11:34:17.727 11401 11745 W IInputConnectionWrapper: getTextAfterCursor on inactive InputConnection
07-12 11:34:17.735 11401 11745 W IInputConnectionWrapper: finishComposingText on inactive InputConnection
07-12 11:34:17.742 3858 3858 I UserServerManager: onfinishPrevTextField(), text is:warmenchh
07-12 11:34:17.782 11401 11745 W IInputConnectionWrapper: getTextBeforeCursor on inactive InputConnection
07-12 11:34:17.784 11401 11745 W IInputConnectionWrapper: getTextAfterCursor on inactive InputConnection
07-12 11:34:17.785 11401 11745 W IInputConnectionWrapper: getTextBeforeCursor on inactive InputConnection
07-12 11:34:17.786 11401 11745 W IInputConnectionWrapper: getTextAfterCursor on inactive InputConnection
This works perfectly:
<ion-item>
<ion-input [(ngModel)]="editEvent.title" name="title" placeholder="{{'field_TITLE'| translate}}" type="text"></ion-input>
</ion-item>
I appreciate any help…