ngx-chips icon indicating copy to clipboard operation
ngx-chips copied to clipboard

Internet explorer multiple issues: cursor always jumps to end of text while adding data to Tag input field

Open prabal77 opened this issue 7 years ago • 1 comments

**I'm submitting a ...BUG REPORT
[x] bug report => search github for a similar issue or PR before submitting [ ] support request/question

Current behavior Facing couple of issues while adding Tags on Internet Explorer.

  1. Delete icon is visible when adding/typing text to Tag input field.

  2. While adding data to Tag input field, Cursor always jumps to end of the text even if you want to add data in middle or starting of the input field. Making it impossible to edit and delete characters from middle while typing data in.

  3. While adding/typing text in Tag input field, unable to navigate through characters as "Left or Right arrow keys jumps to end of the text field.

ezgif com-video-to-gif

Expected behavior

  1. Delete icon should not be visible while adding data (similar to Chrome browser behaviour).
  2. Cursor should not jump to end of text enabling editing data from any position in the text (similar to Chrome broswer behavior).

Minimal reproduction of the problem with instructions (if applicable) "<form [formGroup]="myForm" (ngSubmit)="onSubmit()"> <tag-input formControlName='tags' [separatorKeyCodes]="[9,13]"> <button type="submit">submit

"

The Bug is visible even in the live demo link https://angular-mfppay.stackblitz.io/

What do you use to build your app?. Please specify the version Angular CLI: 6.0.3

Angular version: Angular: 6.0.2

ngx-chips version: "ngx-chips": "^1.9.7"

Browser: [IE 11 | Document Mode Emulated - Edge ]

prabal77 avatar Sep 19 '18 11:09 prabal77

Hi, I do not have IE, I'll have to accept a PR for this.

Gbuomprisco avatar Sep 22 '18 08:09 Gbuomprisco