> A full country list inside a native `<select>` has several structural limitations:
> No filtering. Users cannot narrow the list by typing
But you can use an `<input type="text">` instead and add a `<datalist>`[0] to it with the list of countries and you will be able to filter them by typing. Granted, it still has no full support (namely, firefox), but still that's much better than a `<select>` with no filtering ability whatsoever.
Not sure why this is not more known, though, I've seen it just like a couple of times in the wild. Now, back to job searching...
I like the idea of smarter filtering. But I wonder how a modal interacts with automatic form filling.
I don't care for the chaotically ordered list of countries after the suggested country.
I think a better version would be nonmodal, but with a modal button to expose more powerful browsing.
I also question why we have to fill out so many forms in the first place. We should have better ways by now to get frequently used bundles of info to counterparties.
I feel like the best solution is a custom dropdown, instead of a modal, modals rreally take you out of context, when you're editing a form, its a bit jarring to be thrown to a modal, the best country select in my opinion is what you've listed, but also it's in a dropdown.
I like the flags and extra search metadata however it does look quite big. My intial reaction was to scroll, not to press a button to find a country.
Still better than the current one though. I'd love to see also a better country phone number selection which in a lot of cases does not even work as it should
yeah the standard country dropdown is basically a scrollathon from hell and nobody wants to play "find the united kingdom" when they're just trying to buy some socks real quick
It's a mess. Do I look in the list of frequently-selected countries and hope to find that we're still in there? Or look for UK? United Kingdom? Great Britain?
I've been foxed before in American forms where I'm forced to select UK but it shows up as GB, even though there is no GB in the list! Every time I come to fill out the form I look at what I did last year and go through the same anti-pattern.
> A full country list inside a native `<select>` has several structural limitations:
> No filtering. Users cannot narrow the list by typing
But you can use an `<input type="text">` instead and add a `<datalist>`[0] to it with the list of countries and you will be able to filter them by typing. Granted, it still has no full support (namely, firefox), but still that's much better than a `<select>` with no filtering ability whatsoever.
Not sure why this is not more known, though, I've seen it just like a couple of times in the wild. Now, back to job searching...
[0] https://developer.mozilla.org/es/docs/Web/HTML/Reference/Ele...
In English: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/...
:)
I like the idea of smarter filtering. But I wonder how a modal interacts with automatic form filling.
I don't care for the chaotically ordered list of countries after the suggested country.
I think a better version would be nonmodal, but with a modal button to expose more powerful browsing.
I also question why we have to fill out so many forms in the first place. We should have better ways by now to get frequently used bundles of info to counterparties.
I feel like the best solution is a custom dropdown, instead of a modal, modals rreally take you out of context, when you're editing a form, its a bit jarring to be thrown to a modal, the best country select in my opinion is what you've listed, but also it's in a dropdown.
I like the flags and extra search metadata however it does look quite big. My intial reaction was to scroll, not to press a button to find a country. Still better than the current one though. I'd love to see also a better country phone number selection which in a lot of cases does not even work as it should
better yet https://zipcodefirst.com
This was discussed a few days ago in https://news.ycombinator.com/item?id=47292485
EDIT to remove negativity, was unnecessary.
yeah the standard country dropdown is basically a scrollathon from hell and nobody wants to play "find the united kingdom" when they're just trying to buy some socks real quick
It's a mess. Do I look in the list of frequently-selected countries and hope to find that we're still in there? Or look for UK? United Kingdom? Great Britain?
I've been foxed before in American forms where I'm forced to select UK but it shows up as GB, even though there is no GB in the list! Every time I come to fill out the form I look at what I did last year and go through the same anti-pattern.
tl;dr use an autocomplete dropdown