UCarousel Safari (Mobile only) bug - Githubissues

nuxt / ui

A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.

https://ui.nuxt.com

MIT License

4.11k stars 542 forks source link

UCarousel Safari (Mobile only) bug #2683

Open lennard-mondaymerch opened 3 days ago

lennard-mondaymerch commented 3 days ago

Environment

Operating System: Linux
Node Version: v18.20.3
Nuxt Version: 3.14.159
CLI Version: 3.15.0
Nitro Version: 2.10.4
Package Manager: npm@10.2.3
Builder: -
User Config: default
Runtime Modules: @nuxt/ui@2.19.2
Build Modules: -

Version

2.19.2

Reproduction

https://stackblitz.com/edit/github-kft69t?file=README.md

Live: https://rad-fudge-8ff161.netlify.app/

Description

So this is a safari mobile bug only! About the UCarousel.

When testing on desktop make sure you change the User Agent to Iphone in Safari.

The active slide/page is a bit random. You can reproduce by refreshing the page. Sometimes it starts at index 0 but other times at 3 etc.

I tried to make a workaround in the onMounted. But that also does not seems to work.

Additional context

No response

Logs