Drop Downs not Working

[mbenaventet]

I have configured all for SummerNote, but the drop-downs doesn't work and some of the toolbar icons also.

I user bootstrap 3.3.4
jQuery v1.11.0

And I click the menus but nothing is capture in any browser as an error, I meant.

[oxxido]

Hi, in my case, the summernote was being added after dom loaded so the dropdown code was inserted after bootstrap js added all listeners to dropdown events. So my quick solution was to call dropdown code inmediatly after calling summernote:

$("#content").summernote()
$('.dropdown-toggle').dropdown()

Worked like a charm.

[Jeehut]

@oxxido Thanks, that worked for me, too. Weird though!

[lqez]

Similar cases :

• drop-down menus isn't working lqez/django-summernote#59
• dropdown menu in the toolbar doesn't work lqez/django-summernote#51

Duplicated script may cause this problem. Please check loaded scripts.

[mbenaventet]

Thanks

[YeisonHunt]

I used to have this probleme in my VueJS project.
I used this tutorial to implement summernote: https://medium.com/@ScriptMint/a-simple-vue-js-summernote-component-4797e1f463c2

And In the html-editor.vue

In this piece of code:
onInit: function () {
$(vm.$el).summernote("code", vm.model);

            },

I changed it for this:

onInit: function () {
$(vm.$el).summernote("code", vm.model);
$(".dropdown-toggle").dropdown();
},

And It works like a charm.

[araujoofelipe]

@oxxido REALLY THANK YOU!!

[gbarcella]

Thank you!!!

[imranyahya69]

$('.dropdown-toggle').dropdown()

Thanks. Worked for me as well

[adindaco]

can't be closed, somebody please help, thanks

[DennisSuitters]

Bit hard to answer your problem without knowing more about what's going on. I suggest opening a new issue answering the issue template questions.