allow users to change the country code

[jab]

It looks like gold-phone-input only allows the country code to be set programmatically; it does not allow the user to set or change it.

Strangely the docs don't currently mention this, or whether it's an intended limitation, but I'm hoping it's not. Is there future support planned for allowing users to change the country code?

I notice that Google's own account signup page features a nice "Mobile phone" input widget which allows the user to set the country code using a special dropdown (with country flag UI and keyboard acceleration). Is there any relationship between Google's non-Polymer UI elements, and ones in Polymer? In general, can Polymer users expect additional features like this to make their way back into Polymer?

Thanks and hope this helps the Polymer project and community.

[notwaldorf]

This is definitely something we want to support. At the time this element was released, we hadn't released paper-dropdown, so there wasn't a way to actually display a dropdown.

[jab]

Thanks @notwaldorf, good to hear support for this is planned (and would you like a PR updating the docs to that effect?).

It occurs to me that the implementation of this does not have to rely on a dropdown (with country flags etc.). Maybe worth implementing this with plain old direct text input at least as a first pass.

[johnozbay]

+1 ! Would be incredibly useful to have this.

[sandeshdamkondwar]

+1

Currently it's not compatible with wallet.google.com address book(chrome autofill), I have country code and mobile number in autofill data. When I select the autofill while typing email address, it automatically trying to fill complete phone number including country code but ending up with blank phone field after auto completion.

[MarcMouallem]

👍

[ankitsorathiya]

+1 for the feature request
Below is something I am trying to achieve.

Is there any such json available which has country code and phone number pattern mapped?
something like below
[{country:"US",code:"+1",phoneNumberPattern:"xx-xxx-xxx"}, {country:"INDIA",code:"+91",phoneNumberPattern:"xxxxxxxxxx"}]

This would help me to build custom element on top of gold-phone-input.

Thanks.

[Oupsla]

👍 Would be awesome !