8000 @vue/compat: Bootstrap-Vue modals not properly displayed since Vue 3.4.9 · Issue #10151 · vuejs/core · GitHub
[go: up one dir, main page]

Skip to content
@vue/compat: Bootstrap-Vue modals not properly displayed since Vue 3.4.9 #10151
@kernoeb

Description

@kernoeb

Vue version

3.4.9

Link to minimal reproduction

https://stackblitz.com/edit/bootstrap-vue-with-compat-nszxaj?file=package.json

Steps to reproduce

Install bootstrap-vue 2 with @vue/compat and a recent Vue.js 3 version.

this.$bvModal.msgBoxOk('Modal from @vue/compat');

(Clicking the button in the Stackblitz example should display a modal)

What is expected?

In Vue 3.4.8, when clicking button, the popup is displayed with a style display: block.
Since Vue 3.4.9, the style is missing and the bootstrap modal is not properly displayed.

What is actually happening?

The display: block style is missing in the div displaying the modal.

I think this may be related to v3.4.8...v3.4.9#diff-f9113ab49228dff481a60e308d4d5f6a62007da817950de5fbbf8f1dd31e85f4R154

System Info

System:
  OS: Linux 5.0
  CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
  Memory: 0 Bytes / 0 Bytes
  Shell: 1.0 - /bin/jsh
Binaries:
  Node: 18.18.0 - /usr/local/bin/node
  Yarn: 1.22.19 - /usr/local/bin/yarn
  npm: 10.2.3 - /usr/local/bin/npm
  pnpm: 8.14.0 - /usr/local/bin/pnpm

Any additional comments?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0