Slides are visible outside swiper container

[kdoan6789]

Hi everyone,

I got a problem while using swiper js for my project. Slides that are outside swiper container are still visible isntead of hidden. Please have a look at the attachment to see better. I have tried to find solution for few days but couldn't fix it. And this problem only occur with 2 out of 3 carousels I used. Any helps are appreciated.

HTML:

Container

test1

test2

test3

test4

JS:
var testSwiper = new Swiper('.test-container', {
nextButton: '.test-container .swiper-button-next',
prevButton: '.test-container .swiper-button-prev',
pagination: '.test-container .swiper-pagination',
grabCursor: true,
autoplay: false,
slidesPerView: 3,
spaceBetween: 10,
centeredSlides: true,
loop: true
});

[nolimits4web]

For me looks like you did something with styles. Make sure there is a overflow hidden set on swiper-container

[kdoan6789]

You're right, adding overflow hidden fixed the problem. It's just weird that I hadn't done anything with styles for container. Thank you very much.