Estoy usando OwlCarousel 2.x con jQuery 3.x con configuraciones bastante comunes, nada demasiado elegante, pero a veces el elemento centrado no está configurado de manera confiable en la clase .center CSS.

Reduje mi propio código a un ejemplo de trabajo mínimo a través de JSFiddle: https://jsfiddle.net/5oLrz8d3/

 jQuery(document).ready(function() { jQuery('#matching_carousel').owlCarousel({ stagePadding: 80, loop: true, margin: 20, items: 1, center: true, nav: false, responsive:{ 0: {stagePadding: 80}, 700: {stagePadding: 120}, 1200: {stagePadding: 170}, } }); });

Ocurre en Chrome (uBlock y otras cosas deshabilitadas), así como en Firefox o en Safari o dispositivos móviles. Si arrastra/solta (mediante el mouse o mediante el toque en su dispositivo móvil), dependiendo de cómo suelte exactamente el elemento, a veces el elemento en el centro no tendrá la clase css "central". Lo entiendo principalmente por la imagen de "alfombra" que parece.

Como estoy atenuando y ocultando algunos detalles de los elementos no centrados a través de CSS, esto obviamente es bastante amigable para el usuario. Se ve como esto:

¿Alguna idea de qué podría causar el problema aquí y cómo solucionarlo?