Phone field issue – still?

Hi!
I made an other test:
– iOS is okay both Safari and Chrome
But Windows 10, Windows 11 Firefox, Edge, Chrome – wrong flag and error message too.

thanks

Hello @hollosipeter

This is an odd issue, I ran some tests on my lab site but couldn’t replicate the issue, so maybe a plugin/theme conflict is causing this on your end.

I already informed our development team to investigate further, it could be due to our recent changes on flags CSS files.

We will try to fix this issue on next plugin updates.

Kind Regards
Amin

Hi!
But the only difference between the two websites the Forminator version.
So this case stills open?
Thanks,
Peter

Hello @hollosipeter

I reviewed your site again and noticed your issue is related to a plugin conflict since you are using international-telephone-input-with-flags-and-dial-codes some of its CSS codes are conflicting with forminator phone flag codes.

To make sure you can try disabling it on your staging site and clear all the caches to see how it works.

Kind Regards
Amin

Hello!
But I like to use international phone prefix plugin. After 1.35.1 I can’t do this.
This is the difference only in the two sites: the version of Forminator. You can see both sites, something happened after your plugin update.

Thank you,
Peter

Hi @hollosipeter ,

I hope you’re doing well.

Yes, some changes on the international flags were made to the Forminator phone input so it’s possible that it caused issues, please keep in mind that similar features from different plugins could cause conflicts like in this case.

I understand that you use this plugin to show international flags but Forminator already has international flags as you can see here – https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#phone-settings

Do you have issues with these flags?

In case you do, could you confirm if setting it the field validation to none helps?

I hope to hear back from you.

Best regards,
Williams

Hi Williams!

I like to use flags not just for Forminator forms, even in wordpress checkout, that’s why I’m using another plugin for flags and put a selection for country codes.
So in the next update maybe these issues can be fixed?

Thank you,
Peter

Hi @hollosipeter,

Could you please confirm if the following is the plugin you are referring to?

https://www.ads-software.com/plugins/international-telephone-input-with-flags-and-dial-codes/

I conducted a quick test using the mentioned plugin on a test site but couldn’t replicate the issue.

Can you please share the Google Drive URL with proper access so that we can take a closer look at the issue?

Kind Regards,
Nebu John

Hello Nebu John!

Yes, this is the plugin.
But from the first moment I text here, that I have two sites: dev1access and www. With different Forminator versions and the same plugins. The newest Forminator version not working on www
so https://www.bachatasensual.hu/contact – working. dev1access.bachatasensual.hu – not working – you can inspect the difference.

Do you mean I should upload the flag plugin to a Google Drive?

Thanks,
Peter

Hi @hollosipeter,

I gave a quick test and I do see what you have pointed out. The issue is more specific with the outdated library used in the “International Telephone Input With Flags And Dial Codes” plugin ie v 17.x, while with the latest update in Forminator, it uses an updated library ie v 24.x

So hence you notice the conflict. The issue is more specific due to conflict with outdated intl-tel-input libraries .

As a workaround, you can try this CSS which should fix the issue:

.iti__flag {
	background-position: var(--iti-flag-offset) 0 !important;
	height: var(--iti-flag-height) !important;
}

You can add the CSS under Appearance > Customize > Additional CSS Section of your WordPress dashboard.

If there are more issues with styling then I’m afraid we would recommend getting in touch with their plugin support.

Kind Regards,

Nithin

Hi Nithin!
About the additional CSS. Thank you, but is not working. I write to the plugin author about updating the library – but about the “invalid phone input” what should I do?
Thanks?
Peter

Hi @hollosipeter

I tested your form on the staging site and on my lab site if you enter 9 digits it validates it and does not show any errors, the validation is working based on the digit length which is 9 for Hungary.

View post on imgur.com

Can you please share an example you tried and caused a validation error for the phone number?

kind Regards
Amin

dev1access – this is the wrong and not accept any number.a

thanks

Hello @hollosipeter,

Thank you for the clarifications.

I’ve forwarded the details to the developers, in order for them to check if there’s something that could be improved in Forminator, to avoid similar issues.

As a workaround for now, you can try disabling International Telephone Input With Flags And Dial Codes plugin on specific pages with Forminator forms.

This can be done with this plugin, or a similar one: https://prnt.sc/9sf5icJSSvqT

Best Regards,
Dmytro

Hey Dmytro!

It seems like the international flag plugin owner modified the theme because I see the Hungarian flags.

”Hi, Thanks for reaching out. We will review the issue and try to update the library to latest stable version as soon as possible.”

I think this is happened. In Hungary we have landline/wired phones. The capital city’s are code is 1, so just one digit. All other county or the mobile phones with 2 digit area code, but please fix, because Budapest is only 1 digit, in this case the phone number format is: +36-1-XXX-XXXX, so 1 digit area plus 7 digit phone number, not the usual 2 digit area with 7 digit phone number.

Can you fix this?

Thank you,
Peter