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

[DontGiveAFck]

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]

@yairEO issue still exists:

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

[yairEO]

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

[DontGiveAFck]

@yairEO

hitting backspace after tag created deletes tag:

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

[danziv]

I have this issue as well.

Is this fixable?