swiper icon indicating copy to clipboard operation
swiper copied to clipboard

Published 20 hours ago • verified publisher icon nolimits4web

centerInsufficientSlides doesn't count slidesOffsetBefore/slidesOffsetAfter params

Open vsavaryn-lohika opened this issue 3 years ago • 1 comments

Check that this is really a bug

  • [X] I confirm

Reproduction link

see attached screenshot from file updateSlides.js

Bug description

centerInsufficientSlides doesn't count slidesOffsetBefore/slidesOffsetAfter params As a result slides NOT CENTERED correctly. When I remove slidesOffset params - it centers correctly.

image

Please fix it.

Expected Behavior

No response

Actual Behavior

No response

Swiper version

8.0.3

Platform/Target and Browser Versions

all

Validations

  • [X] Follow our Code of Conduct
  • [X] Read the docs.
  • [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • [X] 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

vsavaryn-lohika avatar Feb 08 '22 15:02 vsavaryn-lohika

Would love for this to be implemented!

Hanskrogh avatar Aug 12 '22 09:08 Hanskrogh

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale[bot] avatar May 21 '23 23:05 stale[bot]

I'm bumping into this issue as well. I think this could be solved by not applying the slidesOffsetBefore & slidesOffsetAfter when the centerInsufficientSlides gets triggered or better yet by subtracting the offset from the x value in the translate3D function.

lennartdeknikker avatar May 31 '23 13:05 lennartdeknikker

I am facing same problem even with equal offset before and after it doesnt center correctly.

In the end what I did was add left padding in first .swiper-slide and right padding to last .swiper-slide div.

mbcod3 avatar Jun 28 '23 12:06 mbcod3

I have the same problem

ovelilla avatar Aug 09 '23 22:08 ovelilla

When using any SlidesOffset the wrapper gets position wrong (translate3D xpos is double/triple what it should be)

benwallis avatar Sep 28 '23 10:09 benwallis

Issue is closed because of outdated/irrelevant/not actual/needed more information/inactivity.

If this issue is still actual and reproducible for latest version of Swiper, please create new issue and fill the issue template correctly:

  • Clearly describe the issue including steps to reproduce when it is a bug.
  • Make sure you fill in the earliest version that you know has the issue.
  • Provide live link or JSFiddle/Codepen or website with issue

nolimits4web avatar Oct 24 '23 12:10 nolimits4web