Allowing the sliding of one image at a time using gestures

[davide1995]

What is the expected behavior?

On mobile I would like that by sliding with my finger, not more than one image is transitioned, but one image at a time.
This is similar to the way the user swipes in their phone gallery, for example.

What is the current behavior?

WhatsApp.Video.2024-07-27.at.16.45.26.mp4

What are the steps to reproduce?

Try to swipe on a gallery on your Demo page with a mobile phone

What is the use-case or motivation for changing an existing behavior?

I have another project using version 7.1.2 and there also a fast swiping, slide an image at time. I would therefore like at least this behaviour to be configurable in GALLERY_CONFIG. Unfortunately, I could not find a parameter in the Doc to handle this request, so I assume it is no longer supported.

Which versions are you using for the following packages?

Angular: 17.1.0
Angular CDK: 17.2.1
Angular CLI: 17.1.3
Typescript: 5.3.2
Gallery: 11.0.0

Is there anything else we should know?

No

[MurhafSousli]

I found out a quick fix for this. add the following in your global styles

.g-slider {
  scroll-snap-stop: always;
}

[davide1995]

Hi @MurhafSousli. I tried the workaround you mentioned but it's not working (even with !important)

[willbsoon]

any change?

[mmart1n]

I believe that scroll-snap-stop: always; should be set to the gallery-item