vue3-select2-component modal issue about vue-select2 HOT 1 OPEN

Hi @yasirmehmood123 I resolved this issue with after reading this :
https://select2.org/troubleshooting/common-problems

So now what you have to do is to define a modal variable in your component like :

let modal = ref();

onMounted(() => {
    modal.value = document.getElementById('my_modal_html_id');
});

return {
    modal
};

Then use it in settings bind such as :

<Select2  :settings="{ dropdownParent: modal }"
    ....
>
</Select2>

Works fine for me, hope for you too :)

from vue-select2.