Skip to content
New issue

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

Upgrade to Swiper 11 #76

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from
Draft

Upgrade to Swiper 11 #76

wants to merge 1 commit into from

Conversation

kas-catholic
Copy link
Owner

We're using a very old version of Swiper.js. Moreover, our usage is partially broken - we'd like to have the "pagination" dots at the bottom (at least on small screens when all slides aren't visible), but they don't seem to be working. (Perhaps something is broken between our old version of Swiper and the react-id-swiper package we were using.

  • Stop using react-id-swiper. Swiper 11 comes with native react support.
  • Upgrade to Swiper React 11. Although the docs suggest Swiper React is deprecated and we should migrate to Swiper Element, I'm sticking with react for now because using Swiper Element with React and breakpoints involves more complication than I want to deal with. Let's keep it simple.

Fixes #45

We're using a very old version of [Swiper.js](https://swiperjs.com/).
Moreover, our usage is partially broken - we'd like to have the
"pagination" dots at the bottom (at least on small screens when all
slides aren't visible), but they don't seem to be working. (Perhaps
something is broken between our old version of Swiper and the
react-id-swiper package we were using.

 - Stop using react-id-swiper. Swiper 11 comes with native react
   support.
 - Upgrade to Swiper React 11. Although the docs suggest Swiper React is
   deprecated and we should migrate to Swiper Element, I'm sticking with
   react for now because using Swiper Element with React and breakpoints
   involves more complication than I want to deal with. Let's keep it
   simple.

Fixes #45
Copy link

netlify bot commented Nov 20, 2023

Deploy Preview for confessit-web ready!

Name Link
🔨 Latest commit 916d6de
🔍 Latest deploy log https://app.netlify.com/sites/confessit-web/deploys/655ac847871e2800076742b0
😎 Deploy Preview https://deploy-preview-76--confessit-web.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add swipe navigation to bottom
1 participant