Vue-select: Modal window closes, when I select item outside of bootstrap modal with vue select

[dlenskyi]

Here you can see, that if I try to select value which is outside of modal window, modal closes then.
To Reproduce
Steps to reproduce the behavior:
You need to have select options outside of modal window

Expected behavior
Bootstrap doesn't need to close after selection

Please help me how to avoid this??

Desktop:

• OS: MacOS
• Browser Safari

[MonsJovis]

Same here on Chrome on Linux :/

[Cryde]

Hi !
It's seems appear since version 3.10.7
So i've install version 3.10.6 : npm i [email protected]

[bagaskarala]

same here on version 3.10.7

[ZGiovas]

The most simple solution i can see is to add no-close-on-backdrop property to your b-modal. In that case you are going to need a cancel button or close "X" button on top right corner to close modal. That worked for me.

[SamuelOcampo]

Disabling transition worked for me transition="" https://vue-select.org/guide/css.html#dropdown-transition

[FredyKimaro]

Disabling transition worked for me transition="" https://vue-select.org/guide/css.html#dropdown-transition