Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Incorrect Default Flag Display in Phone Input Component #688

Open
dvdcpp opened this issue Jul 18, 2024 · 1 comment
Open

Incorrect Default Flag Display in Phone Input Component #688

dvdcpp opened this issue Jul 18, 2024 · 1 comment

Comments

@dvdcpp
Copy link

dvdcpp commented Jul 18, 2024

Current Behavior:
When using the stylesheet 'react-phone-input-2/lib/style.css', the component displays the first flag from the image set as the default when no country is selected. This is incorrect and can be misleading.

image

image

Expected Behavior:
The component should display a neutral or generic icon when no country is selected.

Proposed Solution:

  1. Implement a generic icon (e.g., a globe) as the default display.
  2. Allow the option to select a custom default icon from a local image.
@Marius-Adam
Copy link

Marius-Adam commented Oct 4, 2024

Hi, I'm facing a similar issue. I'm using the component in an admin dashboard to set users' phone numbers.

When users don't have a phone number, the icon shown is from the Caribbean Netherlands. Is there a current solution to this? I would like the input to display as empty instead.

Screenshot 2024-10-04 at 17 11 57

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants