vue-tel-input icon indicating copy to clipboard operation
vue-tel-input copied to clipboard

Replace dropdown by a <select> with flag emojis

Open nbald opened this issue 4 years ago • 3 comments

Here is a first attempt to replace dropdown by a <select> with flag emojis.

Peek 14-11-2021 09-19

This approach is much lighter and is more usable on mobile devices.

This is a work in progress . Any help is welcome.

TODO:

  • [x] replace dropdown by <select>
  • [x] remove now-useless code and css
  • [ ] use v-model for the <select>
  • [ ] check what happens with preferred countries
  • [ ] ensure compatibility with previous versions
  • [ ] fix look and css
  • [ ] fix tests
  • [ ] probably much more...

nbald avatar Nov 14 '21 08:11 nbald

@nbald it looks promising!!

iamstevendao avatar Nov 15 '21 05:11 iamstevendao

https://i.ibb.co/m628dC7/image.png

Vladoker avatar Jan 05 '22 14:01 Vladoker

Flag emojis don't work on Windows. Link: https://answers.microsoft.com/en-us/windows/forum/all/flag-emoji/85b163bc-786a-4918-9042-763ccf4b6c05

raphaelarias avatar May 15 '23 15:05 raphaelarias