Как победить сползание навбара при использовании двух модалов одновременно?

Question

[coderisimo]

Собственно трабл в вопросе. Когда открывается одни модал поверх другого, навбар сползает в сторону и больше не возвращается на круги своя.
Может есть простое решение, без танцев с шаманскими атрибутами?
Спасибо.

Comments

[Максим Тимофеев]

есть, надо код показать, а лучше ссылку на это чудо

[coderisimo]

Максим Тимофеев: даже с одним окном это ,увы, стандартный баг. Но, кажется решение уже предложили )

[tema_sun]

Ну код-то где?

[coderisimo]

tema_sun: см ниже готовое решение. код был не нужен

Answer 1

[iBird Rose]

вставь куда нибудь в скрипты

$(document).on('hidden.bs.modal', '.modal', function () {
		$('.modal:visible').length && $(document.body).addClass('modal-open');
	});

Comments

[coderisimo]

Респект!!! А можете коротко описать суть решения? Для простых смертных

[iBird Rose]

coderisimo: бустрап не поддерживает мультимоальные окна. а это так скажем костыль чтобы они работали корректно.

[coderisimo]

iBird Rose: query UI для одного раза использовать не хотелось.
вот это совершенно не понял: $('.modal:visible').length

[iBird Rose]

coderisimo: в общем когда открывается 2 модалки и одна закрывается бутсрап думает что все модалки закрылись и и убирает класс modal-open из body, который дает overflow: hidden и padding-right.
тут идет проверка что если при закрытии одной модалки вторая еще есть - то не нужно у боди класс убирать

[coderisimo]

iBird Rose: спасибо, ясно