question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: Swiper Controller module doesn't work on IonSlides

See original GitHub issue

Bug Report

Ionic version:

[x] 5.0.0

Current behavior:

In order to get one slider to control another, I pass the instance of the slider to be controlled to the controlling slider according to the Swiper API docs. This has no effect.

Expected behavior:

The controlled slider should change as the controlling slider is changed.

Steps to reproduce:

See the example project in the Github repo I created: https://github.com/alex-steinberg/ion-slides-no-controller

Related code:

sliderOpts: any = {
    controller: {
      control: <swiper instance>
    }
  }

Other information:

Ionic info:

Ionic:

   Ionic CLI                     : 6.4.1 (/Users/<my-user>/.nvm/versions/node/v12.16.1/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.0.7
   @angular-devkit/build-angular : 0.901.1
   @angular-devkit/schematics    : 9.0.7
   @angular/cli                  : 9.0.7
   @ionic/angular-toolkit        : 2.2.0

Utility:

   cordova-res (update available: 0.12.1) : 0.11.0
   native-run (update available: 1.0.0)   : 0.3.0

System:

   NodeJS : v12.16.1 (/Users/<my-user>/.nvm/versions/node/v12.16.1/bin/node)
   npm    : 6.13.4
   OS     : macOS Catalina

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:4
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
1bebcommented, Mar 27, 2021
<ion-slides :options={mousewheel: true}">

Appears to be totally ignored.

1reaction
jonathon-mcommented, Mar 26, 2021

Would be great to see the Virtual module included here too!

Read more comments on GitHub >

github_iconTop Results From Across the Web

bug: Swiper Controller module doesn't work on IonSlides ...
Bug Report Ionic version: [x] 5.0.0 Current behavior: In order to get one slider to control another, I pass the instance of the...
Read more >
How to use Swiper with Ionic (instead of ion-slides) - YouTube
In this video we will implement the Swiper component without ion - slides, since it will be deprecated with Framework v6! ...
Read more >
Error 'swiper-slide' is not a known element after migrating from ...
I have tried changing the config option of the slider but it's the same. As per the ionic document I have imported @import...
Read more >
nolimits4web/Swiper - Gitter
I'm using swiper in angular but it is not functional I imported SwiperModule to my module and Installed the modules as: SwiperCore.use([EffectCoverflow, ...
Read more >
swiper go to slide index | The AI Search Engine You Control
With swiper.activeIndex you are accessing the virtual slides, just use swiper.realIndex for the real index. Open side panel.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found