vue-tel-input icon indicating copy to clipboard operation
vue-tel-input copied to clipboard

Pasting numbers containing dots "." are triggering the input-Event

Open AlexanderWesten opened this issue 3 years ago • 0 comments

Hi, thank you for providing and supporting this great component!

Description

I've noticed that the input-Event is not getting fired when you Copy&Paste a number that contains one or more dots . in the number. However the validate-event is getting fired successfully with valid data

Steps to reproduce

The behavior can be tested using the demo:

  1. Open https://educationlink.github.io/vue-tel-input/
  2. Paste +49175.5888888
  3. No value is displayed underneath the input field - the user however thinks the input was successful

In fact, the validate-event delivers a successful validation, too. But the input-event is missing.

[ { number: { input: "0175 5888888", international: "+49 175 5888888", national: "0175 5888888", e164: "+491755888888", rfc3966: "tel:+49-175-5888888", significant: "1755888888", }, regionCode: "DE", valid: true, possible: true, canBeInternationallyDialled: true, type: "mobile", possibility: "is-possible", isValid: true, country: { name: "Germany (Deutschland)", iso2: "DE", dialCode: "49", priority: 0, areaCodes: null }, }, ];

Expected behavior

Either fire the input-event or don't accept pasted input with dots . at all (for example when you paste a number containing letters).

AlexanderWesten avatar Oct 26 '20 10:10 AlexanderWesten