Wsrtjtyk

I am using below code of directive to input text only.

@Directive({

  selector: '[appTextOnly]'

})

export class TextOnlyDirective {

  private el: NgControl;



  constructor(private ngControl: NgControl) {

    this.el = ngControl;

  }



  // Listen for the input event to also handle copy and paste.

  @HostListener('input', ['$event.target.value'])

  onInput(value: string) {

   // Use NgControl patchValue to prevent the issue on validation

   this.el.control.patchValue(value.replace(/[^A-Za-z]/g, ''));

  }

}

And below is the code where i have used this directive.

   <input type="text" placeholder="First name" style="width: 16em;" 

     formControlName="firstNameEnglish"

                 required appTextOnly><br>

It is working correctly on other browser, but when access through safari on iOS it is not showing correctly and suppose when user entered 'aa' it is showing 'aaa' like this.

On other input when directive is not set it is working correctly. I think this is some issue at angular side.

Thanks in advance.