search

iamstevendao / vue-tel-input

International Telephone Input with Vue
https://iamstevendao.com/vue-tel-input/
MIT License
816 stars 342 forks source link

Error after tabbing to the dropdown field #460

Open michelsteege opened 6 months ago

michelsteege commented 6 months ago

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.WqgBAt.js:2 TypeError: Cannot read properties of undefined (reading 'children') at Ad (app.w14FqNXZ.js:7:9999) at framework.WqgBAt.js:2:50856 at Je (framework.WqgBAt.js:2:35) at Se (framework.WqgBAt.js:2:105) at Se (framework.WqgBAt.js:2:205) at HTMLDivElement.n (framework.WqgBAt.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 commented 5 months ago

@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