ionic-framework: If more than one instance of slides in the stack, interactivity on second is broken

Ionic version: (check one with “x”) [ ] 1.x [x] 2.x [x] 3.x

I’m submitting a … (check one with “x”) [x] bug report [ ] feature request [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior: When on a page that has an <ion-slides> and pushing a new one with another <ion-slides> mouse interactivity is broken (can’t drag and swipe properly, slides don’t center when release mouse button…)

Expected behavior: The second <ion-slides> instance should work like the first one

Steps to reproduce:

  • Create two simple pages with a simple <ion-slides>
  • Navigate from page1 to page 2 using navCtrl.push()
  • Drag slides on the page2 slider

Related code:

Other information:

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below): ordova CLI: 6.3.1 Ionic Framework Version: 3.0.1 Ionic CLI Version: 2.2.1 Ionic App Lib Version: 2.2.0 Ionic App Scripts Version: 1.3.0 ios-deploy version: Not installed ios-sim version: Not installed OS: Windows 7 Node Version: v7.4.0 Xcode version: Not installed

About this issue

  • Original URL
  • State: closed
  • Created 7 years ago
  • Comments: 18 (1 by maintainers)

Most upvoted comments

We also encounter the same problem. Any updates @jgw96 ?

@jgw96 Any updates on this issue would be welcome.

Does anyone have a patch or a workaround for this issue?

Hi,

Any progress about this issue ? This is critical for the product we are working on so any help would be much appreciated…