У меня такая проблема, что большие поля на .modal-dialog вызывают странное поведение для разных высот области просмотра. Всякий раз, когда вы открываете модал, он скрывается. Это вызвано отсутствующим классом in.
@media (min-width: 768px) {
.modal-dialog {
margin: 120px auto;
}
}
Вот небольшой клип для этой проблемы: https://vimeo.com/399523797
Поведение sporadi c и некоторые сообщили, что это происходит во всех основных браузерах (особенно в Firefox). Интересно то, что диалоговое окно все еще открыто, и элементы на самом деле есть, вы можете щелкнуть и выбрать их, но проблема заключается в их видимости. Тем не менее, все работает хорошо с margin: 30px auto;. Уменьшение масштаба со страницы перед запуском модального окна также устраняет проблему.