Country Selection is very bugged(BUG)

Question

AllanOricil opened this issue 4 years ago · comments

I added the component to nuxt and this happened. I don't have any custom CSS applied to the component.

When I use the maz-ui it works fine.

Julien Ripouteau · Answer 1 · Sun Oct 25 2020 12:58:33 GMT+0800 (China Standard Time)

I had the same bug, the issue was coming from this library : https://github.com/serebrov/emoji-mart-vue
They was modifying the css of .vue-recycle-scroller class globaly, which is part of https://github.com/Akryum/vue-virtual-scroller that vue-phone-number-input use too.
So check your css imports and try disabling them one by one

Allan Oricil · Answer 2 · Sun Oct 25 2020 22:07:41 GMT+0800 (China Standard Time)

Thanks @Julien-R44 but I end up using another lib.

bendiy · Answer 3 · Tue Oct 27 2020 06:43:19 GMT+0800 (China Standard Time)

@Julien-R44 I'm seeing the same issue.
Did you find a workaround to allow emoji-mart-vue and vue-phone-number-input to work together?

Julien Ripouteau · Answer 4 · Tue Oct 27 2020 07:09:52 GMT+0800 (China Standard Time)

@bendiy Only solution I see : fork the library, update it, and I think you can send a pull request 😃
I haven't had time to do it yet

bendiy · Answer 5 · Wed Oct 28 2020 05:20:26 GMT+0800 (China Standard Time)

@Julien-R44 Thanks. I ended up removing emoji-mart-vue and switching to vue-twemoji-picker with minimal changes to my codebase.
https://kevinfaguiar.github.io/vue-twemoji-picker/docs/getting-started/