Extra blank after suggestions keyboard

Hello my current issue:

I had an email field like this :

<ion-item class="form-group ion-no-padding auth-form" mode="ios">
      <ion-label position="stacked">Adresse email</ion-label>
      <ion-input class="custom-input ion-touched" type="text" name="mail" formControlName="mail" required pattern="[A-Za-z0-9._%+-]{3,}@[a-z-A-Z0-9]{3,}([.]{1}[a-zA-Z]{2,}|[.]{1}[a-zA-Z]{2,}[.]{1}[a-zA-Z]{2,})" [class.ion-touched]="isSubmitting && pollForm.controls['mail'].errors?.required" [(ngModel)]="userPoll.mail"></ion-input>
    </ion-item>

When I used the suggestions from keyboard, by example my usual email, ‘tichris@domain.com’, on click my field contains "tichris@domain.com " with an extra blank after the email.

I found this topic : email - iOS TextField - autocomplete adds blank character - Stack Overflow that describes perfectly the same issue.

Do you know if I can fix it for all my inputs ?

I use Ionic 5 with angular and capacitor.

Thanks,

1 post - 1 participant

Read full topic