International Telephone Input with Vue
Hi, Seem like changing the arrow icon can lead to this issue. Here is my example code: ``` <vue-tel-input v-model="phoneModel" v-bind="options" @onInput="onInput"> <template v-slot:arrow-icon="{ open }"> <div v-if="open">open</div> <div v-else>close</div> </template> </vue-tel-input> ``` Then when you click the new arrow icon, it will not open the country dropdown. - I found the related issue and the solution to fix it. Because the element is removed before it finishes running `clickOutsideEvent`. So, `el.contains(event.target)` always returns `false` ``` if (!(el === event.target || el.contains(event.target))) { } ``` Solution: https://github.com/JedWatson/react-select/issues/4560#issuecomment-830150593 I am really happy to contribute MR https://github.com/iamstevendao/vue-tel-input/pull/414
This issue appears to be discussing a feature request or bug report related to the repository. Based on the content, it seems to be resolved. The issue was opened by cuongle-hdwebsoft and has received 0 comments.