Country Selection is very bugged(BUG)

LouisMazel / vue-phone-number-input

A phone number input made with Vue JS (format & valid phone number)

MIT License

608 stars 153 forks source link

Closed AllanOricil closed 1 year ago

AllanOricil commented 4 years ago

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-R44 commented 4 years ago

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

AllanOricil commented 4 years ago

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

bendiy commented 4 years ago

@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-R44 commented 4 years ago

@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 commented 4 years ago

@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/