Error after tabbing to the dropdown field

[michelsteege]

If i tab to the country dropdown field and then press on a key to search for a country, for example the G to search for germany the following error pops up:

framework.WqgB__At.js:2 TypeError: Cannot read properties of undefined (reading 'children') at Ad (app.w14FqNXZ.js:7:9999) at framework.WqgB__At.js:2:50856 at Je (framework.WqgB__At.js:2:35) at Se (framework.WqgB__At.js:2:105) at Se (framework.WqgB__At.js:2:205) at HTMLDivElement.n (framework.WqgB__At.js:2:50641) at HTMLDivElement.c (rocket-loader.min.js:1:9405)

You can try this on the demo website aswell: https://vue-tel-input.iamstevendao.com/ tab untill you focus on the country dropdown and then press any key

[pascalvaccaro]

@iamstevendao I believe the refList becomes null or undefined whenever data.open is false: See your source file with the template loading the ref with a v-if: https://github.com/iamstevendao/vue-tel-input/blob/95a111baedfe771457b92737ac02fbe32bd9b282/src/components/vue-tel-input.vue#L29C7-L29C27

If you want I can replace the v-if directive with a v-show directive it should solve the issue