Select2 focus on the input box not working

I installed the free coreui "@coreui/coreui": "^3.2.2", via npm and build the sass for my laravel project.

Then i added Select2 via CDN and prepared a select input.

The dropdown works and the ajax too, but I found that the Select2 is not working as expected. When I click on the select input the dropdown menu appears, at that time the cursor focuses on the search input field. But here the focus does not down for the dropdowns. Is it a known issue for coreui?

without the coreui theme, select2 works as like their demo, but when i try to integrate with the theme it does not work perfectly. I tested with the firefox and chrome both from the windows and linux but the issue remains in all the places.

Now my select2 dropdown menu looks like the image 1, but it should be like the image 2 where the search input is in focus.

coreui / coreui-free-bootstrap-admin-template

Select2 focus on the input box not working #574