search

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
50.93k stars 13.52k forks source link

Issue on pager using nested ion-slides #15839

Closed liazidm closed 5 years ago

liazidm commented 5 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

Current behavior:

In nested ion-slides, the first-level slider pager is not showing (not even generated) when I specify the pager option, whereas the second-level slider pager is.

Expected behavior:

I'd want to have my first-level slider's pagination shown and reacting only to my first slider's events.

Steps to reproduce: Create a ion-slides containing multiple ion-slide and one ion-slides directed vertically

Related code:

<ion-slides pager centeredSlides>

      <ion-slide>
         Content 1
      </ion-slide>
      <ion-slide>
        <ion-slides nested="true" pager="false" direction="vertical" centeredSlides>
          <ion-slide>
             Content 2
          </ion-slide>
          <ion-slide>
             secondary content 2
          </ion-slide>
          <ion-slide>
              secondary content 3
          </ion-slide>
        </ion-slides>
      </ion-slide>
      <ion-slide>
         Content3
      </ion-slide>

  </ion-slides>

Other information:

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

Ionic:

   ionic (Ionic CLI)  : 4.1.2 (/usr/local/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.0

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.0.0, ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-webview 2.1.4, (and 5 other plugins)

System:

   Android SDK Tools : 26.1.1 (/Users/metdaouili/Library/Android/sdk)
   ios-deploy        : 2.0.0
   NodeJS            : v8.12.0 (/usr/local/bin/node)
   npm               : 6.4.1
   OS                : macOS High Sierra
   Xcode             : Xcode 10.0 Build version 10A255
ionitron-bot[bot] commented 5 years ago

This issue has been automatically identified as an Ionic 3 issue. We recently moved Ionic 3 to its own repository. I am moving this issue to the repository for Ionic 3. Please track this issue over there.

If I've made a mistake, and if this issue is still relevant to Ionic 4, please let the Ionic Framework team know!

Thank you for using Ionic!

ionitron-bot[bot] commented 5 years ago

Issue moved to: https://github.com/ionic-team/ionic-v3/issues/703