Tiny-slider: Swiping between slides not working with autoWidth on iOS

[roahes89]

__Issue description__: Swiping between slides not working with autoWidth on iOS

__Demo link/slider setting__: http://ganlanyuan.github.io/tiny-slider/demo/#autoWidth_wrapper
On an iOS device, swiping on the images does nothing even though mouseDrag is true? I've done something similar but within the demos it doesn't work either.

_Tiny-slider version_: 2.8.7
_Browser name && version_: iOS Safari 12
_OS name && version_: iPhone

[deomsj]

I am also having trouble with this. Any help or advice on this would be super helpful!

[ganlanyuan]

The issue seems mainly happen in webkit browsers.
Firefox works fine.
I'm still searching for the reason.

[deomsj]

@ganlanyuan thanks for looking into this!

Few things that I've noticed in trying to understand what might be going on here:

• mousedrag and appears to be working correctly in all desktop browsers
• in iOS, swiping works inconsistently across refreshing same page
• I am seeing the same behavior with autoWidth and fixedWidth.

In my stackblitz example, I am seeing errors that lead me to believe this might be related to the cancelAnimationFrame implementation.

in iOS, I am getting the following error:

Hope this is helpful. Thanks for your support with this! I'll continue to share more info if I make any more discoveries...

[deomsj]

so it looks like the errors that I described above may be specific to tiny-slider's performance in the stackblitz environment. When testing in code-sandbox, I am not able to replicate the bugs above on desktop or iOS when using fixedWidth.

In my CodeSandbox example, I am seeing the carousels inconsistently respond to swiping in iOS when the carousels are initialized with autoWidth. To see this behavior on an iOS device go to https://2wqmzoyj8r.codesandbox.io/ using chrome or safari

As far as i can tell, autoWidth works great on desktop and on iOS firefox.

[niroj08]

The issue seems mainly happen in webkit browsers.
Firefox works fine.
I'm still searching for the reason.

not working in firefox as well..

[ganlanyuan]

It turns out to be a CSS issue. Should be fixed in this commit.

[deomsj]

thanks for your efforts in running this down @ganlanyuan!

[jsunsawyer]

I'm experiencing this exact issue with tiny slider 2.9.1.

[ggsandro]

Still experiencing this issue

[ThaoD5]

Confirming this is still happening on some iphones
Checked on iphone8 (ios12) iphone 8 (ios13) iphone XS (ios13) iphone XS (ios12) but somehow seemed to work on iphone 11 (ios13)