Phone Number Input with Formatting - New Plugin from Zeroqode

Hi @levon! I’ve got a short (and hopefully simple and straightforward to implement) feature wishlist for the next release of the plugin. Please take a look below:

  • The ability to fetch the country’s English name, ISO code, and flag emoji from the input. Currently, one can get only the phone number itself and whether it’s valid or not. I’d originally tried using @gaurav’s Phone Number Input (bdk) instead, but that plugin has both serious CSS issues when used in popups (which yours doesn’t) and its own set of limitations (some of which I could fix manually, such as e.g. displaying emoji flags by creating a conditional for every single country value; however, I’ve already paid for the plugin and I really don’t feel like setting up 270 or so conditions would be a terribly smart use of my time). Anyway, the plugin in question doesn’t really get updated that often (e.g. the popup bug was reported back in April and it’s still there), whereas Zeroqode seems to be delightfully fast with shipping updates to its own plugins, so I’m more than happy to switch over.

  • Correct height resizing. When the input is at the default value (height: 25 px), it looks OK:

image

The moment it gets resized, it starts acting weird:

image

I tried circumventing the issue by keeping the input at the default value, stripping off most of its styling, and creating a disabled input styled as I liked to serve as its background. However, the country selection click area became too small and, even more problematic, the dropdown got cropped out entirely when activated. I realized the approach I took to fix the problem had been probably just a little too much hacky, so here I am writing this. :slight_smile:

Thanks for listening!