ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
51.09k stars 13.51k forks source link

Slider not working in browser when page is opened from another page with another slider #13123

Closed luciaplugaru closed 7 years ago

luciaplugaru commented 7 years ago

Ionic version: (check one with "x") (For Ionic 1.x issues, please use https://github.com/ionic-team/ionic-v1) [ ] 2.x [x] 3.x [ ] 4.x

I'm submitting a ... (check one with "x") [x] bug report [ ] feature request

Please do not submit support requests or "How to" questions here. Instead, please use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior: If we have 2 pages with a slider each, when redirecting the user from one page to another, the slider on the second page stops working properly. If the same page is opened from another, but which doesn't have a slider in it's html, then the slider is working perfectly.

Expected behavior: The sliders should work on both pages properly. The swipe animation with the cursor on the second page should not break the slide, but animate smoothly instead.

Steps to reproduce: Just create two pages with sliders inside and push page 2 from page 1 on click in order to navigate.

Related code: Here's the code I used to create the slides

      <ion-slides pager>
        <ion-slide *ngFor="let photo of photos">
          <img [src]="photo.urls.full"/>
        </ion-slide>
      </ion-slides>

Other information: On Android and IOS both pages are great, even when using the web inspector device manager in Chrome Dev Tools to emulate IOS, Android and even Responsive design, it is working correctly, but in the browser itself, it doesn't. Tested in Chrome and Firefox, on different computers.

Ionic info:

cli packages: (/Users/PlugaruLucia/Sites/flirtxxx-client-sw/node_modules)
    @ionic/cli-utils  : 1.13.0
    ionic (Ionic CLI) : 3.13.0

global packages:
    cordova (Cordova CLI) : 7.0.1 
    Gulp CLI              : CLI version 3.9.1 Local version 3.9.1

local packages:
    @ionic/app-scripts : 3.0.0
    Cordova Platforms  : android 6.2.3 browser 4.1.0 ios 4.5.0
    Ionic Framework    : ionic-angular 3.7.0

System:
    ios-deploy : 1.9.2 
    ios-sim    : 6.1.2 
    Node       : v6.11.0
    npm        : 5.0.3 
    OS         : macOS Sierra
    Xcode      : Xcode 9.0 Build version 9A235 

Misc:
    backend : legacy
kensodemann commented 7 years ago

Hello! Thank you for opening an issue with us! Would you be able to provide a sample application via GitHub that demonstrates the issue you are having? Thanks for using Ionic!

kensodemann commented 7 years ago

I am closing this issue due to lack of activity. If you can provide a sample project via GitHub that demonstrates this issue so we can attempt to debug and fix it I will be happy to reopen it.

ionitron-bot[bot] commented 6 years ago

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.