Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
TaruniSurampally opened this issue Feb 24, 2021 · 1 comment

Comments

@TaruniSurampally
Copy link

TaruniSurampally commented Feb 24, 2021

PLEASE MAKE SURE THAT:

  • you searched similar issues online (9/10 issues in this repo are solved by googling, so please...do it)
  • you provide an online demo I can see without having to replicate your environment
  • you help me by debugging your issue, and if you can't, do go on filling out this form

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
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant