Gbuomprisco / ngx-chips

Tag Input component for Angular
MIT License
899 stars 359 forks source link

[ngx-chips] Not able to edit chips on safari browser and IOSMobile(chrome) #984

Open TaruniSurampally opened 3 years ago

TaruniSurampally commented 3 years ago

PLEASE MAKE SURE THAT:

I'm submitting a ... (check one with "x")

[ ] bug report => search github for a similar issue or PR before submitting
[ ] support request/question

Notice: feature requests will be ignored, submit a PR if you'd like

Current behavior on using [editable]="true" in the tag-input, not able to edit the added chips only on safari and IOS mobile (chrome,safari) on double click the chip goes into faded state, but the cursor is not present, not able to edit the chip

Expected behavior we should be able to edit the chips on safari and IOS mobile

Minimal reproduction of the problem with instructions (if applicable) **``` <tag-input

rid

id="rEmail" theme='minimal' class="ngxChips inpt-email" [(ngModel)]='implRef.receiverIds' (onRemove)="onItemRemoved($event)" [modelAsStrings]="true" (onAdd)="onItemAdded($event)" (onTextChange)="onTextChange($event)" (onFocus)="startLabelAnimation($event)" (onBlur)="stopLabelAnimatio($event)" (onTagEdited)="onTagEdited($event)" [separatorKeyCodes]="[32,188,13]" [placeholder]="''" [secondaryPlaceholder]="''" [clearOnBlur]="false" [addOnBlur]="true" [blinkIfDupe]="true" [allowDupes]="false" [addOnPaste]="true" [editable]="true" [pasteSplitPattern]="splitPattern" [maxItems]="5">



**What do you use to build your app?. Please specify the version**
Angular-cli version : 10.0.6
ngx-chips version : 2.2.0

**Angular version:** 
Angular-cli version : 10.0.6

**ngx-chips version:**
ngx-chips version : 2.2.0

**Browser:** [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

1. safari (MAC)
2. IOS Mobile
TaruniSurampally commented 3 years ago

i tried opening this demo link on all the browsers, [https://angular-mfppay.stackblitz.io/]

on safari, i am not able to edit the tag input