Issues with "bootstrap-vue-next" Package (Version 0.14.10), b-modal & BDropdown not working

[Bicotprojects]

Describe the bug

Dear Support,

I am writing to report two issues I'm encountering with the "bootstrap-vue-next" package (version 0.14.10). The functionality related to modals and dropdowns has stopped working after updating to this version.

Modal Popup Not Opening:
Previously, I could open a modal popup by clicking a button, but it no longer opens. Here's the code I'm using for the modal:

Model Popup Code is:

<div>
   <b-button v-b-modal.modal-1>Launch demo modal</b-button>

   <b-modal id="modal-1" title="BootstrapVue">
     <p class="my-4">Hello from modal!</p>
   </b-modal>
</div>

Dropdown Not Opening:
The dropdown menu is also not opening as expected. Below is the code for the dropdown:

<BDropdown v-model="show1" text="" class="rm_usrmngt_more rm_more_btn">
   <BDropdownItem @click="viewUserProfile(isAgency ? 'EditAgencyUser' : 'EditUserPage')">Edit</BDropdownItem>
   <BDropdownItem @click="viewBlockedList()">Blocked Users</BDropdownItem>
   <BDropdownItem @click="acceptRejectConnections('both')" href="javascript:void(0)">Connections</BDropdownItem>
   <BDropdownItem @click="actionCall">Delete</BDropdownItem>
 </BDropdown>

I would appreciate it if you could provide solutions or guidance on resolving these issues with the specified package version.

Thank you for your assistance.

Reproduction

http://127.0.0.1:8001/agency/login

Used Package Manager

npm

Validations

• Have tested with the latest version. This is still alpha version and sometime things change rapidly.
• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

[github-actions]

Hello @Bicotprojects. Please provide a minimal reproduction using StackBlitz vite with script setup / light vue or a link to a repo.

[xvaara]

BTW. we are not support. You can buy support from someone maybe.

127.0.0.1 is your own computer, so not accessible by anyone else.
Try the latest version. If not working provide a reproduction.

[VividLemon]

   <BDropdownItem @click="acceptRejectConnections('both')" href="javascript:void(0)">Connections</BDropdownItem>

href="javascript:void(0)" this is not needed 💭

[nneto]

I was facing the same issue with dropdowns and modals not appearing, the tags would stay display: none. Just found out the culprit was the latest Vue update (3.4.16). Reverting to 3.4.15 fixed the problem.
vuejs/core#10294

[electric13]

I set in my package.json version of "vue" to "3.4.15", and BModal works. If set it to 3.4.16 - it doesn't open, due to inline style "display:none" still in container div (id='BVID__557565___BV_modal ' or something like)

[Bicotprojects]

Thank you for your support and help.

[mediaessenz]

This (vue) issue was fixed in v3.4.17.
https://github.com/vuejs/core/blob/main/CHANGELOG.md#3417-2024-02-09

[nneto]

This (vue) issue was fixed in v3.4.17. https://github.com/vuejs/core/blob/main/CHANGELOG.md#3417-2024-02-09

I haven't tested it myself but it seems v3.4.18 reintroduced the bug for some cases.
vuejs/core#10294 (comment)

[xvaara]

I think vue 3.4.19 fixed this.

[github-actions]

This issue is stale because it has been open for 30 days with no activity. It will not be auto-closed

[VividLemon]

Considering this closed