material-ui-phone-number

material-ui-phone-number copied to clipboard

I wish the dropdown to be simpler. The country list is enormous and it takes some time to fully display. I'm thinking you have all the options in dropdown because you want to differentiate between Canada country codes and US country codes. However, I think you should place just one instance of United States and one instance of Canada and let the user decide what area code to put, then according to the area code typed in, then change the flag. Also, if you do select an area code from the dropdown, the autoformatting doesn't work. So essentially selecting country code + area code from the list doesn't work. The plugin looks very promising though. Thank you for this. 💪

disableAreaCodes={true} will take care of it

Cause it renders all 200 items at once Need to make that list virtualized

That would be great to give developer ability to override rendering of that list entirely. That way We can even change country flags to the ones that we want (IDK, maybe SVG ones that are already used on same page, or other CSS sprite instead of having this low resolution ones).

What you think?

p.s. if there is already a way to do it then please share a link or snippet.

@sahanaravi Thank you!!

Even with disableAreaCodes={true}, there is still a small delay every time the list is opened.

Is anyone willing to share the styles for the dropdown menu (with smaller flag and dropdown) as shown in the README? I was expecting that UI to be the default since it is posted up there. Thank you.