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.

ionic2 slider not working on android

See original GitHub issue

Short description of the problem:

After loading a page my slider doesn’t work correctly (show only 1 bullet point and slide don’t work), but after resizing page, bullets have a right number and slider work correctly.

The slider works for IOS but not for android(both in serve and device)

What behavior are you expecting?

Slider not sliding

<ion-slides>
  <ion-slide>
    <h1>Slide 1</h1>
  </ion-slide>
  <ion-slide>
    <h1>Slide 2</h1>
  </ion-slide>
  <ion-slide>
    <h1>Slide 3</h1>
  </ion-slide>
</ion-slides>

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc) Forum where multiple people had the issue

Which Ionic Version? 1.x or 2.x 2.x

Plunker that shows an example of your issue

Its a android issue.

gif example

Run ionic info from terminal/cmd prompt: (paste output below)

Cordova CLI: You have been opted out of telemetry. To change this, run: cordova telemetry on.

6.2.0

Gulp version:  CLI version 3.9.1
Gulp local:   Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.10
Ionic CLI Version: 2.0.0-beta.32
Ionic App Lib Version: 2.0.0-beta.18
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Mac OS X El Capitan
Node Version: v6.3.0
Xcode version: Xcode 7.3.1 Build version 7D1014 

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
LufoX11commented, Aug 15, 2016

Hi. I’ve just downloaded a fresh beta 11 install and the slides issue is still there.

0reactions
aldo-romancommented, Sep 21, 2016

Hi, I’m still having this issue. I can only slide after changing phone orientation or window resize.

Cordova CLI: 6.2.0 Gulp version: CLI version 3.9.1 Gulp local: Local version 3.9.1 Ionic Framework Version: 2.0.0-beta.11 Ionic CLI Version: 2.0.0 Ionic App Lib Version: 2.0.0 ios-deploy version: 1.8.6 ios-sim version: 5.0.8 OS: Mac OS X El Capitan Node Version: v5.3.0 Xcode version: Xcode 8.0 Build version 8A218a

Read more comments on GitHub >

github_iconTop Results From Across the Web

ionic2 slider not working on android · Issue #7347 - GitHub
After loading a page my slider doesn't work correctly (show only 1 bullet point and slide don't work), but after resizing page, bullets...
Read more >
Ion-slides may not stable working on phone after cross ...
Hi everyone, I have a problem with ion-slide when ionic using swiper be a component for ion-slider. I am using the freeMode of...
Read more >
Ionic 5 Angular: ion-slides horizontal sliding not working on ...
I'm trying to use ion-slides but it only works in the browser and not on iOS or Android devices. I can't slide between...
Read more >
Building a slideshow with Ionic Slides API - Mastering Ionic
Throughout this tutorial we're going to delve into working with the Ionic Slides component and its API. What we'll be developing. Ionic Slides...
Read more >
Use Swiper JS with ionic 6 (ion-slides alternative)
I'm using the Swipe JS for a mobile app, I want to display 3 slides at a time (one central side, and two...
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