Align last slide to the left when slide with is smaller the slider width

[mrleblanc101]

Clear and concise description of the problem

Currently, if your slide width is smaller than the swiper width, when you get to the last slide, the right edge of the slide will be stuck to the right edge of the swiper.

Suggested solution

When you reach the last slide, there should be an option so that the left edge of the last slide is aligned with the left edge of the swiper.

Alternative

No response

Additional context

No response

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.

Would you like to open a PR for this feature?

• I'm willing to open a PR

[FloLech]

We are facing the same issue at the moment. Totally support this feature request!

[GemN]

I have the same problem and adding an offset create a ghost pagination dot which is not ideal.

[xxvii]

I get a lot of request from clients who want the pagination to reflect the number of slides, not the number of swipes needed to see the last slide, and they don't mind the empty space on the right after the last slide.

On Flickity you can achieve this behavior with the cellAlign option.
doc: https://flickity.metafizzy.co/options.html#cellalign
example: https://codepen.io/desandro/pen/MYQwbx

[xxvii]

At the moment, the most flexible solution I found is to add a margin-right to the last slide equal to 100% minus the width of the last slide itself.

Something like:

.swiper-slide {
  --slide-width: 25%;
  width: var(--slide-width);
}

.swiper-slide:last-child {
  margin-right: calc(100% - var(--slide-width));
}

[mrleblanc101]

Any news on this ? @nolimits4web
This seem like a very basic feature.
Most swiper work like this.
I understand why Swiper doesn't, but shouldn't it be an option ?

[TomSmedley]

+1 I really would like this.

[gaetansenn]

any new about this ? Thank you

[gaetansenn]

I found this : https://codepen.io/YUUMU/pen/KKMaxOZ