• kevinjmcmahonjr

    (@kevinjmcmahonjr)


    I was curious so I checked out the source code and it does look like this is using Int-Tel-Input which is already a javascript input masking library I was looking at and thinking about trying to some how make with with Gravity Form’s phone field. I didn’t have the time to do so, and I stumbled across this plugin. This did that work for me. However, three big areas to improve on are:
    1.) Better input mask itself, I think this is a limitation of Int-Tel-Input itself, which does not do a great job of masking while typing, there is only a mask shown in the placeholder and then once you start typing in the field it disappears and there is no visual mask, only a string which will accept any character not just numbers. It will then highlight the field if the mask is not met, but still needs to be a visual and real time thing more like how a library like cleave.js implements masks, but then cleave.js is not as visual in picking the country code.
    2.) The entered number does not appear to show the international country code selected, it just shows the string entered with no formatting. This sort of defeats the purpose of having an international phone input. Needs to include the country code in what gets saved in the database.
    3.) Selecting the preferred countries when configuring the field is tedious. I know implementing a better UI here is a real pain to do, but the list is just too long for ctrl+click to be a good way to achieve this. Needs to be more of like a searchable list where you select keywords which appear in a bubble that you can rearrange or remove easily.

  • The topic ‘Better than the default option’ is closed to new replies.