ModelValue not updating to false on closing the Modal using the cross(X) button on header

Describe the bug The modal has a header where the (X) button is present which is meant to close the button. But I noticed that it closes the modal but on clicking the button again to open the modal the modal does not open. So I further investigated the props value using the Vue extension and noticed that the modelValue is not getting updated on hide.

Expected behavior Expected behaviour should be the modal should toggle on on button click from which the action is taking place. If I click outside the modal it works correctly.

Additional context Please refer to the hide() code which seems to working in flaw. https://github.com/cdmoro/bootstrap-vue-3/blob/main/packages/bootstrap-vue-3/src/components/BModal.vue#L306

const hide = () => {
  if (modelValueBoolean.value) emit('update:modelValue', false)
  getInstance().hide()
}

this modelValue is not toggling.

[VividLemon]

I have a rough draft in the works that eliminates Bootstrapjs on Modal and will fix the complexity of dealing with both Vue and Bootstrapjs. Just dealing with the issues with <transition>…

[github-actions[bot]]

This issue was closed because it has been stalled for 14 days with no activity