Keyboard closes when editing ion-input

@progwolff wrote:

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...

Posts: 1

Participants: 1

Read full topic