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.

[Ionic 4.1.2] Ion-Slides doesn't show pager, doesn't swipe over.

See original GitHub issue

Bug Report

Ionic Info

   ionic (Ionic CLI)          : 4.1.2 (/usr/local/lib/node_modules/ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.7
   @angular-devkit/core       : 0.7.5
   @angular-devkit/schematics : 0.7.5
   @angular/cli               : 6.1.5
   @ionic/ng-toolkit          : 1.0.8
   @ionic/schematics-angular  : 1.0.6

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.1.4, (and 4 other plugins)

System:

   ios-deploy : 2.0.0
   NodeJS     : v10.10.0 (/usr/local/Cellar/node/10.10.0/bin/node)
   npm        : 6.4.1
   OS         : macOS High Sierra
   Xcode      : Xcode 10.0 Build version 10A255

Describe the Bug Ion-Slides with 3 Ion-Slide (local images) don’t show the paginator, nor page when running on iOS12 (iPhone 7), but does allow to drag to next slide. The slider does work correctly on Chrome when using ionic serve.

Steps to Reproduce

Related Code Simple base app, just with ion slides:

<ion-content padding>
  <ion-slides pager="true">
    <ion-slide>
      <img src="/assets/imgs/slide1.png">
    </ion-slide>

    <ion-slide>
      <img src="/assets/imgs/slide2.png">
    </ion-slide>

    <ion-slide>
      <img src="/assets/imgs/slide3.png">
    </ion-slide>
  </ion-slides>
</ion-content>

Expected Behavior Slides should show pager, and paginate when swiped.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:5

github_iconTop GitHub Comments

2reactions
GeorgeL9commented, Sep 21, 2018

Interesting discovery, if I tilt the phone into landscape, the pager appears and the functionality works 100%, and returning back to portrait everything works as well.

0reactions
ionitron-bot[bot]commented, Nov 1, 2018

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

[Ionic 4.1.2] Ion-Slides doesn't show pager, doesn't swipe over.
Ion -Slides with 3 Ion-Slide (local images) don't show the paginator, nor page when running on iOS12 (iPhone 7), but does allow to...
Read more >
Why Did Ionic 4 Ion-Slides Suddenly Stop Displaying Properly?
The pager doesn't work or show up; The images don't size correctly; Scrolling works but doesn't snap slides to the center like it...
Read more >
sliding slides doesn't work - ionic-v3 - Ionic Forum
I've tried to implement Slides in my app, and horizontal sliding doesn't work on the device. I'm testing on my iPhone.
Read more >
Ionic 5 Ion Segment | Swipable Slider - YouTube
IONIC 5 DELIVERY APP Tutorial. Ionic 5 Ion Segment | Swipable Slider | Tabs Navigation Tutorial part 4 ... Show more. Show more ......
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 >

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