Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bootstrap dropdown not closed if class is assigned #9696

Closed
j3ca opened this Issue Mar 14, 2019 · 1 comment

Comments

Projects
None yet
2 participants
@j3ca
Copy link

j3ca commented Mar 14, 2019

Version

2.6.8

Reproduction link

https://jsfiddle.net/j3ca/yjzh12kg/6/

Steps to reproduce

  • Create a simple bootstrap dropdown
  • On the .dropdown element include v-bind:class{'some-class': condition}
  • Add a @click event to .dropdown-item, and then set condition to true
  • Dropdown breaks and it won't close anymore (it does add the class "some-class" but it won't close)

What is expected?

Dropdown closes when a class is added to .dropdown element

What is actually happening?

Since the version 2.6.0 the dropdown gets "stuck" where the class "show" is removed from the .dropdown element, but not from the .dropdown-menu


This is with the version 2.6.8: https://jsfiddle.net/j3ca/yjzh12kg/6/

If you remove that version and use any <2.6.0 (e.g. https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.22/vue.js) it will work.

@posva

This comment has been minimized.

Copy link
Member

posva commented Mar 14, 2019

Sorry but this is too much for a repro, it shouldn't contain any bootstrap code yet you have jquery, bootstrap and popper. Come back if you manage to reproduce the problem without those dependencies

It may be linked to #9340 or #9615

@posva posva closed this Mar 14, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.