OwlCarousel2 Bühne Polsterung magnific Popup-Problem

Question

Ich benutze das Eulenkarussell2-Plugin, und wenn ich auf ein Element klicke, starte ich eine Magnificpopup-Instanz.

Ich benutze Bühne Polsterung auf dem Karussell, das ist eine Option zum Hinzufügen von Polster links und rechts, so dass die ersten und letzten Bilder teilweise sichtbar sind.

Dies funktioniert gut ohne Bilder, aber wenn Bilder im Karussell verwendet und ein Popup von der letzten gestartet und dann geschlossen das Karussell verschiebt leicht und das letzte Element wird vollständig sichtbar und das erste Element, ist ausgeblendet.

ich in Chrom und das heißt wiedergeben kann:

Ohne Bilder https://jsfiddle.net/o1xu7xnt/6/ (funktioniert)

mit Bildern https://jsfiddle.net/o1xu7xnt/7/ (verschiebt Inhalt Popup schließen, klicken Sie auf ein Bild zurück)

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

I‘ Ich habe viel Zeit damit verbracht, herauszufinden, ob jemand helfen kann.

Answer 1

Bitte überprüfen Sie diesen Code:

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

https://jsfiddle.net/zutfq80h/