You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Swiper is working properly on desktop view, switching images automatically (autoplay).
As soon as I switch to mobile view it gets stuck in one the first image and doesn't switch no matter what.
import { Swiper, SwiperSlide } from 'swiper/react';
import 'swiper/css';
import 'swiper/css/pagination';
import { Autoplay, Pagination } from 'swiper/modules';
import { images } from './images';
Check that this is really a bug
Reproduction link
Bug description
Swiper is working properly on desktop view, switching images automatically (autoplay).
As soon as I switch to mobile view it gets stuck in one the first image and doesn't switch no matter what.
import { Swiper, SwiperSlide } from 'swiper/react';
import 'swiper/css';
import 'swiper/css/pagination';
import { Autoplay, Pagination } from 'swiper/modules';
import { images } from './images';
<Swiper
direction={'vertical'}
pagination={{
clickable: true,
}}
autoplay={{
delay: 2500,
disableOnInteraction: false,
}}
modules={[Autoplay, Pagination]}
>
{images.map((image, index) => (
<img
src={image}
alt={
Slide ${index + 1}
}className="h-96 w-auto object-cover md:h-full md:w-full"
/>
))}
Expected Behavior
Autoplay on mobile view.
Actual Behavior
Get's stuck in the first image.
Swiper version
11.1.1
Platform/Target and Browser Versions
Xubuntu 22.04.4 Google Chrome 124.0.6367.60
Validations
Would you like to open a PR for this bug?
The text was updated successfully, but these errors were encountered: