question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Custom country <select/> - Filtering select

See original GitHub issue

Appreciate all your effort in updating the packages and documenting everything. I just updated my application to use the major version 2.2.X.

As per the document I am using the custom country <select/>

import PhoneInput from 'react-phone-number-input/react-responsive-ui'

When I open the country dropdown I could not type or search the country that I need to select and i have to scroll all the way to choose the country from the country list.

   **For example if the default country is United Kingdom and I want to change it to India I would like to type "I" so it takes me to the countries that starts with I.** 

Is there any property or a way to have this feature?

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
catamphetaminecommented, Dec 10, 2018

Hello. Originally I did have an autocomplete for the custom select (version 1.x). Now it’s just select. I was thinking whether I should add typing to that select or not. Autocomplete doesn’t seem like a good solution. It’s bulky and other components use simple selects too. Example: https://intl-tel-input.com/ Perhaps I’ll just add the typing feature to the select then.

0reactions
catamphetaminecommented, Jan 6, 2019

I guess it’s updated in both demos.

On Sun, 6 Jan 2019 at 22:18, Subha notifications@github.com wrote:

Thanks for being on top of it and providing the fix. Is this updated in the demo for react-responsive-ui?

http://catamphetamine.github.io/react-phone-number-input/

— You are receiving this because you modified the open/close state.

Reply to this email directly, view it on GitHub https://github.com/catamphetamine/react-phone-number-input/issues/218#issuecomment-451766828, or mute the thread https://github.com/notifications/unsubscribe-auth/AAdH7zKT-B0W_C1uO8fa4ow1axYoi_Ahks5vAkwBgaJpZM4ZMIeF .

Read more comments on GitHub >

github_iconTop Results From Across the Web

Customize search results by country or region - Google Support
On the Custom Search home page, click the search engine you want. Click Setup, and then click the Basics tab. In the Region...
Read more >
Countries filter by user select - javascript - Stack Overflow
How make filter by countries, depends of user select? Example: user select 'Americans' -> show users from 'United States'. user select 'Canadian ...
Read more >
Javascript Select Country Dropdown Example - Mobiscroll
Javascript Country picker scroller select for mobile/tablet. Alphabetical ordering, jump to value and filtering is supported.
Read more >
Country Select with region filters - UX Stack Exchange
The user first selects a region (eg Europe) then an Country (eg Germany). If Country=All, then the search results will return all countries...
Read more >
Custom filterbar for filtering countries - - The Events Calendar
Hi Barry, hi Brook,. I want to create a custom filter for filtering the events of specific countries. As described in this posts...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found