ismail9k / vue3-carousel

Vue 3 carousel component
https://ismail9k.github.io/vue3-carousel/
MIT License
660 stars 164 forks source link

Excessive dragging into whitespace #307

Open JackEdwardLyons opened 1 year ago

JackEdwardLyons commented 1 year ago

Describe the bug When you are swiping, or dragging a carousel on the last item in the collection, the carousel can be dragged beyond it's parameters causing excessive whitespace. This can be seen on the examples page for any carousel that does not use wrapAround.

To Reproduce

  1. Go to the examples page at https://ismail9k.github.io/vue3-carousel/examples.html#basic-example
  2. You should be looking at the Basic Example
  3. If on desktop, drag the first slide left (swipe and hold on mobile)
  4. Observe, the carousel is dragged to the right causing excessive whitespace to be visible.

Expected behavior No dragging to the left should be allowed on the first carousel slide. No dragging to the right should be allowed on the last carousel slide.

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

Smartphone (please complete the following information):

Additional context Add any other context about the problem here.