Sliding does notwork on iOS

ismail9k / vue3-carousel

Vue 3 carousel component

https://ismail9k.github.io/vue3-carousel/

MIT License

661 stars 164 forks source link

Sliding does notwork on iOS #22

Closed Tettsch closed 1 year ago

Tettsch commented 3 years ago

Describe the bug Sliding in the basic vue carousel example does not work on an iPhone Xs.

To Reproduce Steps to reproduce the behavior:

Go to 'https://ismail9k.github.io/vue3-carousel/examples.html.'
Try to slide to the right
Does not work

Smartphone (please complete the following information):

Device:[e.g. iPhone Xs
OS: e.g. 14.4
Browser stock safari

We also tried to embed the carousel into our website, which also did not work on various iPhone models.

antssanjeewa commented 2 years ago

The same question came to me. Please try to resolve this issue.

Arias-xss commented 2 years ago

I have the same issue, please solve this

Smartphone (please complete the following information):

Device: iPhone 12 OS: 14.6 Browser: Chrome

e81u4g commented 2 years ago

I find adding this style can work

.carousel__slide--visible { transform: rotateY(0); }

but I don't know why ...

ref: https://ismail9k.github.io/vue3-carousel/examples.html#active-classes

TotomInc commented 2 years ago

@e81u4g I can confirm, the fix seems to work on iOS 15.1 (Chrome and Safari).

ginuim commented 2 years ago

I find adding this style can work

.carousel__slide--visible { transform: rotateY(0); }

but I don't know why ...

ref: https://ismail9k.github.io/vue3-carousel/examples.html#active-classes

It works, Thank you!