search

jackocnr / intl-tel-input

A JavaScript plugin for entering and validating international telephone numbers
https://intl-tel-input.com
MIT License
7.38k stars 1.93k forks source link

U.S. is not showing the u.s. flag #1607

Closed taylorvib closed 2 months ago

taylorvib commented 2 months ago

Steps to reproduce

  1. Can see example on our website here : https://vib.community/le/ai-ml-powered-fraud-prevention-for-websites-mobile-apps-2/

Expected behaviour

This should be the U.S. flag

Actual behaviour

It is not the U.S. flag

Screenshot 2024-05-10 at 9 48 14 AM
jackocnr commented 2 months ago

I don't have access to a computer right now, but it looks like the flags are working fine in the dropdown, it's just the selected flag that is misbehaving. It looks like it's the background position CSS rule that's not working properly. I'm guessing your custom site CSS is interfering with the selected flag CSS somehow?

On Fri, 10 May 2024, 2:50 pm taylorvib, @.***> wrote:

Steps to reproduce

  1. Can see example on our website here : https://vib.community/le/ai-ml-powered-fraud-prevention-for-websites-mobile-apps-2/

Expected behaviour

This should be the U.S. flag Actual behaviour

It is not the U.S. flag Screenshot.2024-05-10.at.9.48.14.AM.png (view on web) https://github.com/jackocnr/intl-tel-input/assets/150082759/8615b09c-b0f9-4805-b290-1201ef748eac

— Reply to this email directly, view it on GitHub https://github.com/jackocnr/intl-tel-input/issues/1607, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAJBYQ7QKSFMXCVK2H6EYT3ZBTGB7AVCNFSM6AAAAABHQVPD5GVHI2DSMVQWIX3LMV43ASLTON2WKOZSGI4DSNZXGQZDAOA . You are receiving this because you are subscribed to this thread.Message ID: @.***>

taylorvib commented 2 months ago

We have been using this plugin for about a year with no issue and no changes to css, so I am not sure what could have happened or if it was a plugin update that is conflicting. On my end, even when pulling down the dropdown the US still has the wrong flag.

Screenshot 2024-05-10 at 10 21 12 AM
jackocnr commented 2 months ago

The only thing I can think is that you're using a flags image from a different version of the plugin, so the image file is out of sync with the CSS background-position rules.

I see you're using the plugin v17.0.8 - that's quite out of date now - I'd strongly recommend you update to the latest version, and update your flag image too, and then it should all work fine.

jackocnr commented 2 months ago

I'll close this for now but feel free to re-open if you're still having problems.

taylorvib commented 2 months ago

Can you not update this plugin from wordpress directly? It does not say it is due for an update in my dashboard. Thanks!

taylorvib commented 2 months ago

I am using 1.0.4 which is the latest version shown on the plugin page

Screenshot 2024-05-13 at 5 29 06 AM Screenshot 2024-05-13 at 5 29 22 AM
taylorvib commented 2 months ago

Confirming I removed the plugin and reinstalled it from wordpress.org repository and same issue.

jackocnr commented 2 months ago

Sorry I can't help with a Wordpress plugin - you'll need to create an issue with them instead.

taylorvib commented 2 months ago

Is this not your plugin? This github page is linked on the plugin page for support.

jackocnr commented 2 months ago

Yes but I have no idea about the wordpress plugin and how it uses this plugin. You need to contact the author of that plugin and get them to update it to use the latest version of this plugin.