Swiper exhibits flickering with slidesPerView, loop, and centeredSlides settings when used in conjunction with pagination

[lehung1109]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/p/sandbox/swiper-infinite-loop-forked-5vknhp

Bug description

When I set the values slidesPerView: 1.5, centeredSlides: true, loop: true, you will experience a flicker on the left side of the slide when switching from number 1 to number 3 in the pagination.

var swiper = new Swiper(".mySwiper", { slidesPerView: 1.5, centeredSlides: true, loop: true, pagination: { el: ".swiper-pagination", clickable: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, });

Expected Behavior

The flicker should not occur.

Actual Behavior

The flicker appears on the left side of the slide

Swiper version

11.0.6

Platform/Target and Browser Versions

Chrome

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[shalevc1098]

did you manage to fix it?