Проблема с несколькими модальными окнами, тех кто сталкиался скажите в чем подвох?

Question

[a1ukard]

Есть модальное окно в которое вложено модальное окно.



при его закрытии происходит следующее



Я если честно в верстке не силен, поэтому растерялся, и не знаю куда даже копнуть, если кто-то сталкивался, расскажите как решили.
Модальные окна Бутстраповские.

код 1ого модального окна.

<div id="GroupPopup" class="modal fade" data-backdrop="false" data-animation="false"  tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4  class="modal-title"></h4>
                </div>
                <div class="modal-body element-group-docs"></div>

            </div>
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

код 2 окна модального с статусами

<div id="StatusPopup" class="modal fade" data-backdrop="false" data-animation="false" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Статус <span class="name-group-docs"></span></h4>
                </div>
                <div class="modal-body element-group-docs">
                    <input type="hidden" id="hidden-info" data-user-id="" data-id-doc="" data-doc-type="">
                    <p><input id="accept" name="accept" class="status-radio" type="radio" value="accept"> <label for="accept"> Принять</label></p>
                    <p><input id="daccept" name="accept" class="status-radio" type="radio" value="daccept"> <label for="daccept">Нужны правки</label></p>
                    <p><input id="naccept" name="accept" class="status-radio" type="radio" value="naccept" > <label for="naccept"> Отказать</label></p>
                    <textarea class="hidden form-control status-comment" placeholder="Введите комментарий"></textarea><br/>
                    <button id="statusSend" class="btn btn-primary">Сохранить</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

Answer 1

[a1ukard]

Решил проблему удалением 2х классов у всех дивов и модалок
animated
и
fadeInRight

Answer 2

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

Ошибка в том что в модальное окно вложено модальное окно. Зачем такой ад?
Плюс думаю у Вас у модалок id одинаковый, в любом случае решать Вашу проблему можно только видя код. Без кода - все это догадки. А кофейная гуща уже заканчивается.

Comments

[a1ukard]

Дополнил кодом.

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

a1ukard: Бесполезный код. Надо видеть как 1 находится в другом. Тело модалки 2-й вынесено из первой или нет? Но самый правильный вариант не делать кучу модалок, зачем она там (2-я модалка)? Если можно обойтись дропдауном.

[Юрий]

Максим Тимофеев: о чем вообще разговор, я же написал что в бутстрапе это не предусмотрено
заходим getbootstrap.com/javascript/#modals
и самая первая фраза
Multiple open modals not supported
Be sure not to open a modal while another is still visible. Showing more than one modal at a time requires custom code.

поэтому и порекомендовла автору поискать этот custom code костыль

[a1ukard]

Юрий, Максим Тимофеев тут скорее был конфликт между шаблоном к которому всё прикручивали и Bootstrap в плане js в консоли это не как не отражалось, но проблема решилась, спасибо, что проявили интерес.

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

a1ukard, пожалуйста, но шаблоны конфликтовать не умеют. Конфликтуют скрипты в них использованные.

Answer 3

[Юрий]

бутстрап не поддерживает из коробки несколько одновременно открытых модальных окон.

погуглите какие костыли надо вставить чтобы заработало.

хотя я бы на вашем месте подумал как обоитись без второго модала.