Option to Disable Rubber Band Effect when Loop is set to False

[jakedowns]

Feature request is related to

• embla-carousel (core package) 6.2.0

Is your feature request related to an issue?

#42

Describe the solution you'd like

i'd like an option or workaround to disable rubber-banding on the first / last item when loop is False
i use embla nested within ANOTHER swiper element, and when the user swipes right on the first image,
i'd like the outer container to pick up the pan gesture, and animate the outer container

currently: i see the inner slideshow moving AND the outer container moving simultaneously, which just isn't what my client desires.

Describe alternatives you've considered

1. disabling 1:1 swipe-based page naviation effect in favor of an Arrow overlay element coming into view

   still has issue of nested gesture recognition (bad visual affordance to user that there's more media to view, rather than that they've reached a hard Stop edge and will begin controlling the OUTER container)

2. disable visual feedback and just respond to swipe (bad ux)

3. disable swipe gesture stick to alternative arrow button navigation (would love to keep swiper like "native app" feeling)

Additional context

you can see the nested swiper effect / issue if you visit this page on mobile:
https://www.wright20.com/auctions/2023/07/2021-art/100

[davidjerleke]

Hi @jakedowns,

Did you try this solution? I also think you missed this information.

Best,
David

[jakedowns]

oh derp, i had copied a version that still used dangerouslyGetEngine

i see internalEngine() was the updated way to reference it

works great!

thanks for such a great plugin, and i appreciate your attention to detail!

[davidjerleke]

Duplicate of:

• Create an option to block excessive scrolling #42