Forum Academy Marketplace Showcase Pricing Features

Phone Number Input with Formatting - New Plugin from Zeroqode

ZeroCode Support

As others have noted in subsequent comments, the new version has formatting issues. When will this be fixed? The previous and current version has an incorrect error red border (if marked as a required field) even though the number is correct and displays the success message, so that version is not viable for production release either.

Previous version 1.31.0 (correct formatting on non-required field):

Previous version (red-border shown on correctly formated number when the field is required):

Latest Version 1.32.0 (incorrect display formatting on non-required field)

Latest Version (incorrect display formatting with incorrect red border on correctly formatted number)

If the red border is an attempt to make it look like a required field, then why does it only show when/during interaction with the field vs before any interaction. Still, even if that was the intention, we need control over the color to negate that effect, if desired.

Setup on Required Field. Let me know if you see something causing the red border issue in the setup.


Can you provide an eta for this fix plz. This is holding back our production release so your attention on this issue would be greatly appreciated.

ZeroCode Support… Have you all looked at the issue that was reported above?

Hello, @avr
Sorry for our long reply on your request. Please note that our team was on weekends, so answering can take more time :pray:

Please note that you can customize the plugin element accordingly to your needs by settings different conditions:

As a workaround for this case, we can propose you the next workflow:

Also, just for Test Purposes, can you please remove the Placeholder’s Data Source and try once again?

We will definitely check the plugin behavior and will push a new update in case of the real plugin issue. You will be notified about it immediately :pray:

Best regards,
Zeroqode Support Team

Hello, @avr

By this message, we would like to notify you that the issue, described by you ( red borders of the input in successful case) was fixed on our Demo Page.
It was reproduced for the reason of incomplete conditions for the plugin element :pray:

Here is a screenshot with the current plugin settings:




image

Hope it will help you to eliminate the error.
Best regards,
Zeroqode Support Team

hello,

using the new responsive engine, there’s an issue with displaying as the list of country appears behind the content, even if you force to bring front,

here a screen of a very basic pagic, input number, and just a text after in a colum wrap

I use the 1.33 version.

Thanks,
Mickael

Hi @almi.77.dev,
Thank you for reaching out.

The fact is that all our plugins are adapted to the Old Responsive Engine and work on it as they should. - please check this forum thread.

We cannot guarantee that all of our plugins will work and look the same on the new responsive engine, some of them are working fine on both, and some do not. We’ve tried to reproduce your setup on our side, using the column layout and couldn’t get the same issue that you’ve shown.


preview in browser

Please try using different types of container layouts and see if that works, or if it’s possible please use the old responsive engine.
We will migrate all of our plugins to the New Responsive Engine as soon as we have a chance to have them work properly on it. Here is the announcement from Bubble: Plugin Editor & New Responsive Engine [beta]
Thanks for understanding :pray:

If you require any further information, feel free to contact us!

Best regards,
Zeroqode Support Team.

Hi @almi.77.dev ,
Glad to announce, that we have updated the plugin with the new Version: 1.34.0: Fixed correctness and value state.
It should also fix the issue you have reported with the positioning of the drop-down menu of country codes.
Please change the plugin version in your app to the latest one and let us know if it worked.

In case there will be any other plugin-related questions, please don’t hesitate to contact us, we will be glad to help :pray:
Best regards,
Zeroqode Support Team.

Hey Zeroqode team,

There’s an interesting bug occurring on mobile for this input: when the screen gets to the point where the popup is compressed, the input splits into 2, confusing users as to what to do and causing failed signups:

Any idea how to fix this? The input and it’s groups are all set to be responsive down to 50%

SOLUTION: by making it 250 pixels wide and fixed width it stopped doing this. I had tried at fixed width at it’s normal size earlier and that didn’t help. Rather odd bug.

Hi @stayshure,
Thank you for reaching out, we kindly appreciate you are using our plugin. :pray:

We are glad that you found a solution for your case, please be sure if you are using the new Bubble’s responsive engine, some issues might occur during the plugin usage because all of our plugins were developed according to the old responsive engine.
We will migrate all of our plugins to the New Responsive Engine as soon as we have a chance to have them work properly on it. Here is the announcement from Bubble: Plugin Editor & New Responsive Engine [beta]
Thanks for understanding :pray:

In case there will be any other plugin-related questions, please don’t hesitate to contact us, we will be glad to help :slight_smile:
Have a nice weekend ahead!

Best regards,
Zeroqode Support Team.

It’s on the old engine actually. Would still be nice to know how to keep it wider as it definitely looked better that way

Hi @stayshure,
Thank you for your reply. :pray:

Unfortunately, we couldn’t reproduce your issue on our side. You can increase the width of the plugin element to the needed value. Please make sure you are using the latest version of the plugin.


Please share more details regarding your setup and the issue you are receiving. That will help us to reproduce it on our side and try to find out what is causing this.

Looking forward to your reply.
Best regards,
Zeroqode Support Team.

Hello team!
I just purchased this plugin and had implemented successfully but while previewing the test version. I received an error stating :

(The plugin Phone Number Input + Formatting / element Phone Number Input threw the following error: Error: Recursion when evaluating property AAj on element “PhoneNumberInput A”
at evaluate_property (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/a54699acfe2cc641d465c15f0fb36c3ab30e72f4d7089f76e02246f2a868da49/xfalse/x15/run_debug.js:6:1967420)
at s (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/a54699acfe2cc641d465c15f0fb36c3ab30e72f4d7089f76e02246f2a868da49/xfalse/x15/run_debug.js:6:2272979) (please report this to the plugin author)

Please tell me what is the error response and what’s the solution or steps to be made…

Thanks

Hi @developers2,
Thank you for your message and for the purchase. :pray:

We’ve carefully investigated your message and tested the plugins demo page, but unfortunately, didn’t get this error message.
Would it be convenient to share more details related to the reported issue?
Namely:

  • screenshots and screencasts of your setup - workflows, plugin settings (for the screencast recording, let me please suggest using the Loom tool).
  • screenshots and screencast of the issue you have (debugger, browser console, etc);
  • steps to reproduce your issue;

This will allow us to identify any possible cause much faster.

Looking forward to your reply.
Best regards,
Zeroqode Support Team.

Hello team,
We have purchased the Phone Number Input + Formating plug in for bubble. We need certain modifications done for the plug in ASAP, Or alternate workaround for the following requirement.

  1. We need to change the color of the countries dropdown menu from white to black
  2. Whenever the country is changed, the Phone Number Input field should be reset
  3. We need to remove the zero added in front of the Phone Number Input when the country is India
  4. We need to place a text as a placeholder.

Thanks in advance.

Hello Team,

We have purchased the Phone Number Input + Formating plug in for bubble. We need certain modifications done for the plug /workarounds ASAP,

  1. We need to change the colour of the countries dropdown from white to black
  2. Whenever the country is changed, the Phone Number Input field should be reset
  3. We need to remove the zero added in front of the Phone Number Input when the country is India
  4. We need to place a text as a placeholder

Thanks in Advance

Hi @anax.sriram,
Thank you for reaching out and for your purchase. We kindly appreciate using our plugins. :pray:

Thank you for your feedback and request, but, unfortunately, we do not provide plugin customization or custom plugin development services. Apologies for the inconvenience.

We can add them to the plugin backlog improvements list and investigate how feasible it is to implement the requested features in the nearest plugin update.
Once there will be any updates - we will let you know, but, at the moment, we’re unable to provide you with an approximate time estimate since these feature requests are of low priority.

Thank you for your understanding.
Best regards,
Zeroqode Support Team.

Hi,

Thanks for the reply

Also the plugin input takes some time to load, and even after loading the input is not recognising the values. If we type numbers in the input the number automatically gets erased for some time. After some time it recognises the number and allows it to stay in the input. Please do have a look into this matter as this is of high priority. It is affecting our product launch.

Thanks in advance

Hello @anax.sriram,
Thank you for your feedback. :pray:

We would appreciate it a lot if you could send us screencasts of your setup - workflows, and plugin settings (for the screencast recording, let me please suggest using the Loom tool).

This will allows us to reproduce your use case on our side and see if there is something we can improve on that.

We are looking forward to your reply.
Best regards,
Zeroqode Support Team.

Hi,

In some devices the plugin doesn’t have the font that we entered in the Font family. I have set a condition to show a placeholder and have placed it in the back of the input. Here is the image of how the input should ideally work, this is how it should be when not focussed

and this is how it should be, when it is focused

But Some times it comes like this,

KINDLY LOOK INTO IT. LOOKING FORWARD TO YOUR REPLY!

Thank you.

Hello @anax.sriram,
Thank you for your message.

It will help us better understand your setup if you will share screenshots of your setup, with all the conditionals. The plugin allows inserting a few custom placeholders, but please note that these placeholders should be only numbers.
Assuming that you did use a text element on top of the phone number input, you have to define the correct conditionals for the text “Phone Number”.
Please check our test page where we tried to reproduce your setup: zeroqode-demo-05 | Bubble Editor

Please make sure that the font family you are using is supported by the device itself or the browser that you are using within this device. We have tried a few font families and the style of the phone number was changed accordingly.

If we can be of assistance, please do not hesitate to contact us.
Best regards,
Zeroqode Support Team.