On mobile device keyboard automatically adds space after dot type so it's not possible to write an email to tag - Githubissues

yairEO / tagify

🔖 lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue

https://yaireo.github.io/tagify/

Other

3.55k stars 436 forks source link

On mobile device keyboard automatically adds space after dot type so it's not possible to write an email to tag #1353

Closed DontGiveAFck closed 5 months ago

DontGiveAFck commented 5 months ago

Prerequisites

[x] I am running the latest version
[x] I checked the documentation and found no answer
[x] I checked to make sure that this issue has not already been filed

💥 Demo Page

https://jsbin.com/bekowigaco/1/edit?html,css,js,console,output

Explanation

Preconditions
1. On Android device autospace after dot feature enabled in keyboard settings. (probably this keyboard feature also available for ios) - I didn't do anything to enable this feature, so it was enabled by default
2. tags pattern is email regex.
3. space should be in delimiters list
What is the expected behavior? When user adds new tag and write email to it after he clicks on dot device keyboard doesn't add space after dot entering so user can finish.
What is happening instead? When user adds new tag and write email to it after he clicks on dot device keyboard automatically adds space after dot so user can't complete email entering.
How it might me fixed After some searching I found that if input is <input> element with type="email" device keyboard doesn't add space automatically. Maybe it's possible to allow input elm to be overridden in templates obj?

https://github.com/yairEO/tagify/assets/24360535/dfeda95c-4d18-4e48-8636-4e1948666e65

DontGiveAFck commented 3 months ago

@yairEO issue still exists:

https://github.com/user-attachments/assets/2b082254-19ab-4029-b5d6-26ace7998055

yairEO commented 3 months ago

does hitting backspace to deleted the auto-added space and continuing typing solves this?

DontGiveAFck commented 3 months ago

@yairEO

hitting backspace after tag created deletes tag:

https://github.com/user-attachments/assets/4e6dc146-db9e-413b-823c-9ba7dc585421

danziv commented 2 months ago

I have this issue as well.

Is this fixable?

yairEO commented 2 months ago

@yairEO

hitting backspace after tag created deletes tag:

2024-08-28.16.25.18.mp4

why wouldn't it delete the tag? that is expected.

also, this is unrelated to the topic of this thread

DontGiveAFck commented 1 month ago

@yairEO I added this video because you asked about it here:

does hitting backspace to deleted the auto-added space and continuing typing solves this?

(Sorry if I didn't get your question correctly)

but original issue still exists

yairEO commented 1 month ago

@DontGiveAFck - I don't know how to solve this problem