Sometimes not working

[amrap030]

Hello,

I have a dropdown menu in a component I want to close on clickaway. The same dropdown menu exists in another component. When I click the button of the dropdown menu in the first component and after that the button of the dropdown menu in the other component both dropdowns are open. I would expect to have the first dropdown to close when I click on the second dropdown. But when I do it the other way around the expected behaviour is correct.

How can I fix this?

[dmbaranov]

Hey @amrap030! I'm facing the same issue. Have you solved it somehow?

[oriati]

I'm having similar issues, in my case the clickaway isn't registered when the outside click is on vue-bootstrap's dropdown trigger.
I managed to replicate this behavior, it seems that if the outside click has stopPropagation - then the clickaway fails.
I found this issue #19 (comment) that says exactly that..
so make sure you don't stop the event propagation in your click