Can't erase phone number with formatOnDisplay = true about intl-tel-input-ng

[mpalourdio]

Thanks for this clear bug report, kudos! Looks like the bug is not here, but in the main library.
I have tried here : https://accounts.intuit.com/signup.html, and the same bug appears, whereas they do not use my integration for angular.

You should report the bug in the main repo here instead.

Thanks.

[s-o-f]

Looks like the bug is not here, but in the main library.

I don't think so.
I can't reproduce this on official demo page https://intl-tel-input.com/

Looks like here https://accounts.intuit.com/signup.html they are using something like these hack that leads to the bug.

I found temporary solution for your component. It works, but not tested carefully.
Remove these:

if (!!value) {
      this._intlTelInput.setNumber(value);
    }

Add these:

keyUp() {
    if (this._intlTelInput.isValidNumber()) {
      this._intlTelInput.setNumber(this._intlTelInput.getNumber());
    }
  }

And add input attributes:

(keyup)="keyUp($event)"
(change)="keyUp($event)"

[mpalourdio]

Yes it is. The bug is caused by the auto-format feature in the lib, which the demo page does not use. That what this thread is all about.

We could to try to implement your hack, but it needs to be battle tested