WordPress 4.4 Конфликт изображений с Srcset и Bxslider

Question

Наша компания имеет несколько сайтов, использующих Wordpress с установкой Genesis, пользовательской дочерней темы Genesis и bxslider для слайдеров изображений.

При просмотре слайдера специально на Firefox, похоже, конфликт с отзывчивостью, мы считаем, что это связано с новыми классами чувствительного образа srcset в Wordpress 4.4.

При загрузке сайта, например, http://brightervisiontheme.com/ появляется только около 50 пикселей изображения слайдера. При изменении размера браузера проблема устранена, и слайдер восстанавливает свои нормальные чувствительные качества и высоту. Кроме того, если вы откроете Inspect Element сами права размера.

Тестирование сайтов, которые не были обновлены до 4.4, проблема не появляется, поэтому мы предполагаем, что это ошибка в связи с новой установкой.

Но мы не уверены и не можем понять, как исправить.

Любая помощь?

Answer 1

Существует встроенный стиль, установленный на height по адресу .bx-viewport. Он остановится до ожидаемого значения. Я использовал следующее обходное решение, чтобы разбудить bx.

JS

document.documentElement.addEventListener('DOMContentLoaded', function(event) { 
    event.stopPropagation(); 
    var tgt = document.querySelector('.bx-viewport'); 
    tgt.removeAttribute('height'); 
    tgt.removeProperty('height'); 
}, false); 

CSS

.bx-viewport { min-height: 90vh !important; }