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

[jaymoh]

@ZGiovas method solved the issue for me. I added no-close-on-backdrop

[BMasquio]

Same here. Downgrading to 3.10.6 worked for me.

[s7m4b4]

Any reason why disabling the transitions fixes this? I'm not using bootstrap but experiencing the same issue with my own modal. Preferably I'd like to have transitions.

[Mach12]

Related, broader issue: #1272

I'll use the empty transition solution for now but this needs fixing.