Encountering a bug with the rtl setting in owl-carousel. When the rtl is applied to the slider and I reach the last item, the entire slider disappears! Here's the code snippet:
var viewportWidth = $("body").innerWidth();
if (viewportWidth > 1000) {
$('.owl-carousel').owlCarousel({
rtl: true,
center: true,
loop: false,
items: 10
})
} else if (1000 >= viewportWidth && viewportWidth > 500) {
$('.owl-carousel').owlCarousel({
rtl: true,
center: true,
loop: false,
items: 5
})
} else if (500 >= viewportWidth) {
$('.owl-carousel').owlCarousel({
rtl: true,
center: true,
loop: false,
items: 3
})
}If you run the above code and navigate to the last item in the slider, you will observe the issue.