We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
You can continue the conversation there. Go to discussion →
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
https://codesandbox.io/p/sandbox/p3ngmy?file=/src/App.jsx
Please tell me why first appears the full length of one banner, then all the others. How to get rid of this effect?
"next": "13.4.7", "swiper": "^9.4.1",
"use client" // Import Swiper React components import { Swiper, SwiperSlide } from "swiper/react"; // Import Swiper styles import "swiper/css"; import "swiper/css/pagination"; // import required modules import { Pagination } from "swiper"; export default function App() { return ( <> <Swiper slidesPerView={'auto'} centeredSlides={true} spaceBetween={10} loop={true} pagination={{ clickable: true, }} breakpoints={{ "@0.00": { slidesPerView: 1, spaceBetween: 10, }, "@0.75": { slidesPerView: 2, spaceBetween: 20, }, "@1.00": { slidesPerView: 3, spaceBetween: 40, }, "@1.50": { slidesPerView: 3, spaceBetween: 50, }, }} modules={[Pagination]} className="mySwiper" > <SwiperSlide>Slide 1</SwiperSlide> <SwiperSlide>Slide 2</SwiperSlide> <SwiperSlide>Slide 3</SwiperSlide> <SwiperSlide>Slide 4</SwiperSlide> <SwiperSlide>Slide 5</SwiperSlide> <SwiperSlide>Slide 6</SwiperSlide> <SwiperSlide>Slide 7</SwiperSlide> <SwiperSlide>Slide 8</SwiperSlide> <SwiperSlide>Slide 9</SwiperSlide> </Swiper> </> ); }
No response
9.4.1
13.4
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Check that this is really a bug
Reproduction link
https://codesandbox.io/p/sandbox/p3ngmy?file=/src/App.jsx
Bug description
Please tell me why first appears the full length of one banner, then all the others. How to get rid of this effect?
"next": "13.4.7",
"swiper": "^9.4.1",
2023-06-26.09.58.16.mov
Expected Behavior
No response
Actual Behavior
No response
Swiper version
9.4.1
Platform/Target and Browser Versions
13.4
Validations
Would you like to open a PR for this bug?
The text was updated successfully, but these errors were encountered: