ionic-team / ionic-v3

The repo for Ionic 3.x. For the latest version of Ionic, please see https://github.com/ionic-team/ionic
Other
127 stars 85 forks source link

Ion Slides not functioning after navigating back to them #165

Open ionitron-bot[bot] opened 5 years ago

ionitron-bot[bot] commented 5 years ago

Original issue by @chrisgriffith on 2017-01-19T16:19:39Z

Ionic version: (check one with "x") [ ] 1.x [ X] 2.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: The home page has a simple 3 slide slider. The button on each slide will change the page to a details screen. If you navigate back to the home screen using the header navigation, the slider will function again. If you use the ion button to go back (via this.navCtrl.push(HomePage), the slider will NOT function. This only appears when running the app in the local browser NOT in device mode. In device mode the slider will function correctly. In my advanced case, I am able to jump to a specific slide, but no swipe interaction is possible.

Expected behavior: The Ion Slider would accept the ability to slide under user control

Steps to reproduce: Verify the base ion slide is functioning Navigate to another page. Navigate back to the page with the slider via navCtrl.push() Verify the ion slide is NOT functioning

Related code: Here is the sample repo: https://github.com/chrisgriffith/ionic-slider-bug

Other information: No errors are listed in the console. Brandy has reproduced the issue.

Shtibel commented 4 years ago

I found a simple way to fix this

public ionViewWillEnter(){
    this.slides.update();
}
mehraj786 commented 3 years ago

hi i am facing this issue in ionic 4 i tried all solutions nothing working for me let me know any other solutions are there or not