Telphone's dropdown does not open when changing arrow-icon slot

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

iamstevendao / vue-tel-input

Telphone's dropdown does not open when changing arrow-icon slot #413