akiran / react-slick

React carousel component
http://react-slick.neostack.com/
MIT License
11.76k stars 2.11k forks source link

Unexpected Behavior in Vertical Mode Swipe #2376

Open dhanushshettigar opened 6 months ago

dhanushshettigar commented 6 months ago

The React Slick package's website showcases vertical mode swiping. However, swiping left or right in vertical mode triggers the slider to scroll to the next slide instead of maintaining the vertical swipe motion.

Steps to Reproduce:

  1. Visit the React Slick website.
  2. Navigate to the example demonstrating vertical mode.
  3. Attempt to swipe left or right while in vertical mode.

https://github.com/akiran/react-slick/assets/36099642/0c8b6257-307c-41b9-8ad4-66cdffed71e9

CodeSandBox

SimonGideon commented 5 months ago

@dhanushshettigar What was your expected behavior. Tried to find it so I can solve. 😃

dhanushshettigar commented 5 months ago

@SimonGideon Please do check the version change in this screen recorded video(V29.0). Current Version is 30.2

https://github.com/akiran/react-slick/assets/36099642/89e40b94-f436-4e9c-a024-03e311516a54

Leyofficial commented 5 months ago

What is a solution for that unexpected vertical mode behavior? Is it still haven't fixed ?

dhanushshettigar commented 5 months ago

Hey @Leyofficial

I found a temporary solution to this issue. Downgrading to version "react-slick": "^0.29.0" fixed it for me. Please note that while downgrading, it might affect other updates or features dependent on the newer versions.

Hope this helps!

Leyofficial commented 5 months ago

Hey @dhanushshettigar , thank you . This helped me )

omarZaoujal99 commented 4 months ago

+1, I have the same issue, downgrading to the oldest version is not the solution for me, because other feature will be affected