Incorrect Flag Detection Due to Phone Masking in intl-tel-input Library about intl-tel-input HOT 3 CLOSED

This seems like an issue with your masking library, not this library! This library doesn't prevent you from typing plus or anything else!

from intl-tel-input.

Thank you for the response. We are not utilizing an external masking library. For masking, we are using the following code:

HTML Code:

<input class="input-phone-field" type="text" minlength="5" (keyup)="onPhoneChange($event)" id="cellphone_1" maxlength="15" formControlName="phone" name="phone" />

TypeScript Code:

var newPlaceholder = (window as any).intlTelInputUtils.getExampleNumber(
  selectedCountryData.iso2,
  true,
  (window as any).intlTelInputUtils.numberFormat.INTERNATIONAL
);
(<any>iti).getSelectedCountryData();
// Reset the phone number input.
(<any>iti).setNumber((<any>iti).getNumber());

// Convert the placeholder as an exploitable mask by replacing all 1-9 numbers with 0s
var mask = newPlaceholder.replace(/[1-9]/g, "0");

// Apply the new mask for the input
$(phoneInputID).mask(mask);

Please suggest a code fix based on this information.

from intl-tel-input.

Well as I said, this library doesn't prohibit you from typing plus or anything else, as you can see from the demo page. So it must be your custom code that is doing this. If you comment out all of your masking code, does that fix the issue?

We are not utilizing an external masking library

You appear to be using the jQuery mask plugin, no?

$(phoneInputID).mask(mask);

from intl-tel-input.