Bootstrap появляется модальная полоса прокрутки и исчезает после запуска другого модального окна.

Question

Я много чего пробовал, но ничего не помогло. Поэтому отправляю вопрос, если найден дубликат, извините.

У меня проблема с модальной прокруткой bootstrap, вот сценарий:

• У меня 2 Модальные окна: Modal-1 и Modal-2.

• Когда пользователь вводит информацию в Modal-1, у него есть возможность нажать кнопку в Modal-1 и go в Modal-2 и снова вернитесь в Modal-1 после завершения заполнения информации Modal-2.

• Первоначально, когда Modal-1 срабатывает, я получаю полосу прокрутки в Modal-1 как информация в модальном режиме довольно большая.

• Когда пользователь переходит в модальный-2 из модального-1 и возвращается в модальный-1, тогда полоса прокрутки появляется на долю секунды, а затем исчезает, из-за чего кнопка «СОХРАНИТЬ» не видна пользователю, пока он не уменьшит масштаб.

Я не понимаю, почему полоса прокрутки видна изначально, а затем исчезает. Я пробовал несколько вещей, но ничего не помогло.

У меня есть следующие стили, написанные для модального окна в моей таблице стилей:

.modal { overflow: visible; }
.modal-body { overflow-y: visible !important; }

Мои заголовки Modal-1 выглядят следующим образом:

<div class="modal fade" id="EventModalForm">
    <div class="modal-dialog" style="max-height:100%; max-width:100%;">
        <div class="modal-content">
            <div class="modal-header">
            </div>
        </div>
    </div>
</div>

Может ли кто-нибудь помочь мне решить эту проблему?

Answer 1

После добавления следующего стиля 'style = "overflow-y: auto;"' теперь он работает нормально:

<div class="modal fade" id="EventModalForm" style="overflow-y: auto;">
    <div class="modal-dialog" style="max-height:100%; max-width:100%;">
        <div class="modal-content">
            <div class="modal-header">
            </div>
        </div>
    </div>
</div>