На моем новом веб-сайте http://c4g.live/ Я использую bootstrap v3 и модалы для отображения дополнительной информации на каждом игровом сервере, который запрашивается.Каждый модал содержит отдельных серверов текущих игроков, их счет и время их игры.
Я искал способ, чтобы модал имел полосы прокрутки, а также динамически изменял высоту в зависимости от размера окна браузера.Я нашел этот замечательный пример здесь: https://stackoverflow.com/a/32871535
Я реализовал это на своем сайте, и он отлично работает в Chrome, но в Firefox он работает неправильно.Я получаю полосу прокрутки, но высота не правильная, примерно половина высоты браузера.Тем не менее, на примере веб-сайта codepen для этого решения модальность, похоже, работает правильно в Firefox, а не на моем веб-сайте.Я подозреваю, что на моем сайте может что-то мешать, что не нравится Firefox, но Chrome игнорирует.Я потратил часы, пытаясь выяснить, почему, но, похоже, я не могу найти для этого никакой причины.
Кто-нибудь видит какие-либо очевидные причины, по которым это может работать некорректно в Firefox на моем сайте?
Я использую Bootstrap 3.3.7, который находится на веб-сайте примера codepen, и я вставил последнюю версию jquery.Я также пробовал предыдущие версии jquery, и это было все то же самое.
Вот изображение того, что он делает для меня в Firefox
Вот изображение того, что он делает в Chrome (что правильно)
