BUG SOLVED

[franciscocsysteames]

If on the line 1075 you add next BootstrapDialog.moveFocus(); the next code:

if ($('.modal').hasClass('in')) {
$('body').addClass('modal-open');
}

you solution the problem with scroll of the another open modals

[nakupanda]

Hi,

Can you create a demo showing the problem?

You can fork this demo: http://jsfiddle.net/o5k0eaws/1/

[franciscocsysteames]

You can see the error on http://jsfiddle.net/o5k0eaws/315/

When the dialog is hidden the modal scroll brake.

but if you add

if ($('.modal').hasClass('in')) {
$('body').addClass('modal-open');
}
on the line 1075 you add next BootstrapDialog.moveFocus(); the next code:

[franciscocsysteames]

sorry, try it the error http://jsfiddle.net/o5k0eaws/318/

[franciscocsysteames]

this.getModal().on('hidden.bs.modal', {dialog: this}, function (event) {
var dialog = event.data.dialog;
dialog.isModalEvent(event) && typeof dialog.options.onhidden === 'function' && dialog.options.onhidden(dialog);
if (dialog.isAutodestroy()) {
dialog.setRealized(false);
delete BootstrapDialog.dialogs[dialog.getId()];
$(this).remove();
}
BootstrapDialog.moveFocus();
if ($('.modal').hasClass('in')) {
$('body').addClass('modal-open');
}
});

[nakupanda]

Thanks for the demo, now I understood.

Mixing BootstrapDialog and original method could cause that kind of problem, but which is not a BUG of BootstrapDialog I think..

[fenichelar]

This is a major problem for us. We use Ember Bootstrap for modals with forms because it is Ember data compatible. We use this to display errors when you submit. For pages with long forms (so long modals), after an error, you can't ever scroll again. Bootstrap Dialogs (or any front end library) should not alter elements on the DOM that it didn't create, I would call this a bug.

[nakupanda]

@fenichelar , @franciscocsysteames

Thanks for your efforts, PR merged, new release published, you can get it here https://github.com/nakupanda/bootstrap3-dialog/releases/tag/v1.35.4