[Ionic 4.1.2] Ion-Slides doesn't show pager, doesn't swipe over.
See original GitHub issueBug 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:
- Created 5 years ago
- Reactions:1
- Comments:5
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

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.
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.