Yes, this is a useful feature, but I’m asking if there is a way to set the placeholder number (taking the US example for instance) to al zero’s or to NOT display any number at all as a placeholder, because the default numbers that shows the formatting can be misleading and can put the user to think that a number is already filled in.
When I tested my app, some users thought there was already a number filled in the phone field. That’s why I’m asking.
So, to recap, I’m asking if there is a way to do one of this behaviours:
not showing anything as a placeholder when the input phone is empty
showing all zero’s as prefilled numbers in the placeholder
Thanks for the attention, that’s really appreciated
We are reaching out to notify you that our Phone Number Input plugin has been improved. 1.18.0 - Fixed countries dropdown display on mobile. Added new states: “is hovered”, “is pressed”, and “is focused”.
Please upgrade it to the latest version, refresh your app and give it a try!
However, I’m struggling to change the number’s background colour.
When it’s not being edited, I need it to be blue, but when editing it should be white.
I’m using the conditions but they seem to have no effect…
Thanks for reaching out. Unfortunately, this implementation causes circular reference error in Bubble, which doesn’t make it work as expected. Please let us check on it if possible to workaround, then get back to you asap!
Unfortunately, it is not possible to use plugin states with current implementation because of circular reference, but here is a possible workaround that should help:
Place an HTML element on your page, containing the following code:
So it changes the background color of phone input when it is focused, and when it’s not - color is changed back to its original one (blue, in your case).
Thanks for reaching out. Unfortunately, it is only possible to adjust the width of the phone input, but in order to adjust the height - yes, you are right, it can be done only by adjusting the font size.
I have found a bug with the validation. See atached screenshot
Clearly this number isn’t a valid number. The whole reason I got the plugin was to validate numbers, eg. all South African numbers should 10 digits, Uk numbers can be 11 digits, etc but it seems the plugin cannot do this. Am I doing something wrong?
Thanks for reaching out. Unfortunately, this issue is not reproducing on our side after testing. Could you please send screenshots and/or a screencast of your app setups and plugin configurations, so we can replicate the exact settings and see where the problem might be.
Ah , I also did a lookup, and the library I’m using also says it’s a valid. Strange, we’re using twilio to authenticate numbers and twilio says this isn’t a valid number, nor can you call that number. It must be something strange about that number because similar I tried return a not valid result. Oh well, thanks for your help.
