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