Vertical scroll seems to be broken on touch devices on 8.0.1

FormidableLabs / nuka-carousel

Small, fast, and accessibility-first React carousel library with an easily customizable UI and behavior to fit your brand and site.

https://commerce.nearform.com/open-source/nuka-carousel

Other

3.06k stars 594 forks source link

Vertical scroll seems to be broken on touch devices on 8.0.1 #1072

Open gentakojima opened 1 week ago

gentakojima commented 1 week ago

Is there an existing issue for this?

[X] I have searched the existing issues

Code of Conduct

[X] I agree to follow this project's Code of Conduct

Code Sandbox link

https://2xwhvf.csb.app/

Bug report

Tapping inside the carousel makes the vertical scroll impossible, and that's a problem on pages that use nuka-carousel for a 100vh slider. It was working fine on 5.6.0. Might be related to issue #874 . Disabling swiping with swiping={false} doesn't fix the problem.

Ksuyaresko commented 3 days ago

Hi, we experienced same issue, looks like this css causing this: touch-action: pan-x; Adding this code will help:

.nuka-overflow {
        touch-action: auto !important;
      }