Insert image and Insert link modals closing all modals

[chopstik]

I launch Summernote in a Bootbox modal, the Insert image and Insert link buttons fire their own modal on top. If you then add an image URL or a Link as you click 'Insert' self.$dialog.modal('hide'); on line 5772 is closing both the top and bottom modals when it should only be closing the top most modal leaving the summernote container still visible and containing the new image or link. Any thoughts on how that might be fixed?

[hardikvaishnav]

Hello,

I think you have to set below option. That might be solve your problem.

dialogsInBody: true,

Ex.
('#HtmlContent').summernote( {
dialogsInBody: true,
});

Thanks,
Hardik

[chopstik]

Tried that, and it didn't solve it. The dialog's aren't in the body. I'll try it again to be sure and thanks for the comment.

[gioloi]

+1

[chopstik]

If I 'Select Files' instead of entering an Image URL, that process works 100% OK - the local image file is selected, the Image modal closes and leaves the Summernote container in the first modal still open and the image has been inserted in the editor as expected. It's only as you enter an Image URL (or Link URL) that both modals close when you click the 'Insert' button.

[chopstik]

Any thoughts/ideas for the developers?

[MadeInMoon]

@hardikvaishnav
It worked for me! Thank U!

[chopstik]

I take it all back, I've re-tested and tried the following options on initialisation and the Insert Image and Insert URL dialog's do return their content to the summernote editable area in the already open dialog that called the inserts:

dialogsInBody: true,
dialogsFade: false,

[GerardoTorossi]

It didn't work for me, but adding this css line solved it :
.modal-dialog { z-index: 1040; }