Проблема с всплывающим окном OwlCarousel2 при заполнении сцены

Я использую плагин owlcarousel2, и при нажатии на элемент я запускаю экземпляр magnificpopup.

Я использую заполнение сцены на карусели, что позволяет добавить отступы слева и справа, чтобы первое и последнее изображения были частично видны.

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

Я могу воспроизвести в хроме и т.е.:

Без изображений https://jsfiddle.net/o1xu7xnt/6/ (отлично работает)

с изображениями https://jsfiddle.net/o1xu7xnt/7/ (перемещает содержимое при закрытии всплывающего окна, нажмите последнее изображение)

<script>
  console.log('please see my js-fiddles');
<script>

Я потратил много времени, пытаясь понять это, и мне было интересно, может ли кто-нибудь помочь?


css console.log owl-carousel magnific-popup
person DavidB    schedule 20.05.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Пожалуйста, проверьте этот код:

.owl-carousel .owl-item * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

https://jsfiddle.net/zutfq80h/

person Michael    schedule 21.05.2016
comment
Спасибо, я посмотрел, и проблема все еще воспроизводится в вашем примере. - person DavidB; 23.05.2016